Merge branch 'UI-new' into main (#873)

ChuanhuChatbot.py

@@ -1,22 +1,21 @@
 # -*- coding:utf-8 -*-
+from modules.models.models import get_model
+from modules.train_func import *
+from modules.repo import *
+from modules.webui import *
+from modules.overwrites import *
+from modules.presets import *
+from modules.utils import *
+from modules.config import *
+from modules import config
+import gradio as gr
+import colorama
 import logging
 logging.basicConfig(
     level=logging.INFO,
     format="%(asctime)s [%(levelname)s] [%(filename)s:%(lineno)d] %(message)s",
 )
 
-import colorama
-import gradio as gr
-
-from modules import config
-from modules.config import *
-from modules.utils import *
-from modules.presets import *
-from modules.overwrites import *
-from modules.webui import *
-from modules.repo import *
-from modules.train_func import *
-from modules.models.models import get_model
 
 logging.getLogger("httpx").setLevel(logging.WARNING)
 
@@ -26,25 +25,28 @@ gr.Chatbot.postprocess = postprocess
 # with open("web_assets/css/ChuanhuChat.css", "r", encoding="utf-8") as f:
 #     ChuanhuChatCSS = f.read()
 
+
 def create_new_model():
-    return get_model(model_name = MODELS[DEFAULT_MODEL], access_key = my_api_key)[0]
+    return get_model(model_name=MODELS[DEFAULT_MODEL], access_key=my_api_key)[0]
+
 
 with gr.Blocks(theme=small_and_beautiful_theme) as demo:
-    user_name = gr.State("")
+    user_name = gr.Textbox("", visible=False)
     promptTemplates = gr.State(load_template(get_template_names()[0], mode=2))
     user_question = gr.State("")
-    assert type(my_api_key)==str
+    assert type(my_api_key) == str
     user_api_key = gr.State(my_api_key)
-    current_model = gr.State(create_new_model)
+    current_model = gr.State()
 
     topic = gr.State(i18n("未命名对话历史记录"))
 
-    with gr.Row():
-        gr.HTML(CHUANHU_TITLE, elem_id="app-title")
+    with gr.Row(elem_id="chuanhu-header"):
+        gr.HTML(get_html("header_title.html").format(
+            app_title=CHUANHU_TITLE), elem_id="app-title")
         status_display = gr.Markdown(get_geoip(), elem_id="status-display")
     with gr.Row(elem_id="float-display"):
-        user_info = gr.Markdown(value="getting user info...", elem_id="user-info")
-        config_info = gr.HTML(get_html("config_info.html").format(), visible=False, elem_id="config-info")
+        user_info = gr.Markdown(
+            value="getting user info...", elem_id="user-info")
         update_info = gr.HTML(get_html("update.html").format(
             current_version=repo_tag_html(),
             version_time=version_time(),
@@ -52,248 +54,337 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
             update_btn=i18n("更新"),
             seenew_btn=i18n("详情"),
             ok_btn=i18n("好"),
-            ), visible=check_update)
-
-    with gr.Row(equal_height=True):
-        with gr.Column(scale=5):
-            with gr.Row():
-                chatbot = gr.Chatbot(label="Chuanhu Chat", elem_id="chuanhu-chatbot", latex_delimiters=latex_delimiters_set, height=700, avatar_images=[config.user_avatar, config.bot_avatar])
-            with gr.Row():
-                with gr.Column(min_width=225, scale=12):
-                    user_input = gr.Textbox(
-                        elem_id="user-input-tb",
-                        show_label=False, placeholder=i18n("在这里输入"),
-                        container=False
-                    )
-                with gr.Column(min_width=42, scale=1):
-                    submitBtn = gr.Button(value="", variant="primary", elem_id="submit-btn")
-                    cancelBtn = gr.Button(value="", variant="secondary", visible=False, elem_id="cancel-btn")
-            with gr.Row(elem_id="chatbot-buttons"):
-                with gr.Column(min_width=120, scale=1):
-                    emptyBtn = gr.Button(
-                        i18n("🧹 新的对话"), elem_id="empty-btn"
-                    )
-                with gr.Column(min_width=120, scale=1):
-                    retryBtn = gr.Button(i18n("🔄 重新生成"))
-                with gr.Column(min_width=120, scale=1):
-                    delFirstBtn = gr.Button(i18n("🗑️ 删除最旧对话"))
-                with gr.Column(min_width=120, scale=1):
-                    delLastBtn = gr.Button(i18n("🗑️ 删除最新对话"))
-                with gr.Row(visible=False) as like_dislike_area:
-                    with gr.Column(min_width=20, scale=1):
-                        likeBtn = gr.Button(i18n("👍"))
-                    with gr.Column(min_width=20, scale=1):
-                        dislikeBtn = gr.Button(i18n("👎"))
-
-        with gr.Column():
-            with gr.Column(min_width=50, scale=1):
-                with gr.Tab(label=i18n("模型")):
-                    keyTxt = gr.Textbox(
-                        show_label=True,
-                        placeholder=f"Your API-key...",
-                        value=hide_middle_chars(user_api_key.value),
-                        type="password",
-                        visible=not HIDE_MY_KEY,
-                        label="API-Key",
-                    )
-                    if multi_api_key:
-                        usageTxt = gr.Markdown(i18n("多账号模式已开启，无需输入key，可直接开始对话"), elem_id="usage-display", elem_classes="insert-block", visible=show_api_billing)
-                    else:
-                        usageTxt = gr.Markdown(i18n("**发送消息** 或 **提交key** 以显示额度"), elem_id="usage-display", elem_classes="insert-block", visible=show_api_billing)
+        ), visible=check_update)
+
+    with gr.Row(equal_height=True, elem_id="chuanhu-body"):
+
+        with gr.Column(elem_id="menu-area"):
+            with gr.Column(elem_id="chuanhu-history"):
+                with gr.Box():
+                    with gr.Row(elem_id="chuanhu-history-header"):
+                        with gr.Row(elem_id="chuanhu-history-search-row"):
+                            with gr.Column(min_width=150, scale=2):
+                                historySearchTextbox = gr.Textbox(show_label=False, container=False, placeholder=i18n(
+                                    "搜索（支持正则）..."), lines=1, elem_id="history-search-tb")
+                            with gr.Column(min_width=52, scale=1, elem_id="gr-history-header-btns"):
+                                uploadFileBtn = gr.UploadButton(
+                                    interactive=True, label="", file_types=[".json"], elem_id="gr-history-upload-btn")
+                                historyRefreshBtn = gr.Button("", elem_id="gr-history-refresh-btn")
+                            
+
+                    with gr.Row(elem_id="chuanhu-history-body"):
+                        with gr.Column(scale=6, elem_id="history-select-wrap"):
+                            historySelectList = gr.Radio(
+                                label=i18n("从列表中加载对话"),
+                                choices=get_history_names(),
+                                value=get_first_history_name(),
+                                # multiselect=False,
+                                container=False,
+                                elem_id="history-select-dropdown"
+                            )
+                        with gr.Row(visible=False):
+                            with gr.Column(min_width=42, scale=1):
+                                historyDeleteBtn = gr.Button(
+                                    i18n("🗑️"), elem_id="gr-history-delete-btn")
+                            with gr.Column(min_width=42, scale=1):
+                                historyDownloadBtn = gr.Button(
+                                    i18n("⏬"), elem_id="gr-history-download-btn")
+                            with gr.Column(min_width=42, scale=1):
+                                historyMarkdownDownloadBtn = gr.Button(
+                                    i18n("⤵️"), elem_id="gr-history-mardown-download-btn")
+                    with gr.Row(visible=False):
+                        with gr.Column(scale=6):
+                            saveFileName = gr.Textbox(
+                                show_label=True,
+                                placeholder=i18n("设置文件名: 默认为.json，可选为.md"),
+                                label=i18n("设置保存文件名"),
+                                value=i18n("对话历史记录"),
+                                elem_classes="no-container"
+                                # container=False,
+                            )
+                        with gr.Column(scale=1):
+                            renameHistoryBtn = gr.Button(
+                                i18n("💾 Rename Chat"), elem_id="gr-history-save-btn")
+                            exportMarkdownBtn = gr.Button(
+                                i18n("📝 Export as Markdown"), elem_id="gr-markdown-export-btn")
+
+            with gr.Column(elem_id="chuanhu-menu-footer"):
+                with gr.Row(elem_id="chuanhu-func-nav"):
+                    gr.HTML(get_html("func_nav.html"))
+                # gr.HTML(get_html("footer.html").format(versions=versions_html()), elem_id="footer")
+                # gr.Markdown(CHUANHU_DESCRIPTION, elem_id="chuanhu-author")
+
+        with gr.Column(elem_id="chuanhu-area", scale=5):
+            with gr.Column(elem_id="chatbot-area"):
+                with gr.Row(elem_id="chatbot-header"):
                     model_select_dropdown = gr.Dropdown(
-                        label=i18n("选择模型"), choices=MODELS, multiselect=False, value=MODELS[DEFAULT_MODEL], interactive=True
+                        label=i18n("选择模型"), choices=MODELS, multiselect=False, value=MODELS[DEFAULT_MODEL], interactive=True,
+                        show_label=False, container=False, elem_id="model-select-dropdown"
                     )
                     lora_select_dropdown = gr.Dropdown(
-                        label=i18n("选择LoRA模型"), choices=[], multiselect=False, interactive=True, visible=False
-                    )
-                    with gr.Row():
-                        single_turn_checkbox = gr.Checkbox(label=i18n("单轮对话"), value=False, elem_classes="switch-checkbox")
-                        use_websearch_checkbox = gr.Checkbox(label=i18n("使用在线搜索"), value=False, elem_classes="switch-checkbox")
-                    language_select_dropdown = gr.Dropdown(
-                        label=i18n("选择回复语言（针对搜索&索引功能）"),
-                        choices=REPLY_LANGUAGES,
-                        multiselect=False,
-                        value=REPLY_LANGUAGES[0],
+                        label=i18n("选择LoRA模型"), choices=[], multiselect=False, interactive=True, visible=False,
+                        container=False,
                     )
-                    index_files = gr.Files(label=i18n("上传"), type="file", elem_id="upload-index-file")
-                    two_column = gr.Checkbox(label=i18n("双栏pdf"), value=advance_docs["pdf"].get("two_column", False))
-                    summarize_btn = gr.Button(i18n("总结"))
-                    # TODO: 公式ocr
-                    # formula_ocr = gr.Checkbox(label=i18n("识别公式"), value=advance_docs["pdf"].get("formula_ocr", False))
-
-                with gr.Tab(label="Prompt"):
-                    systemPromptTxt = gr.Textbox(
-                        show_label=True,
-                        placeholder=i18n("在这里输入System Prompt..."),
-                        label="System prompt",
-                        value=INITIAL_SYSTEM_PROMPT,
-                        lines=10
+                    gr.HTML(get_html("chatbot_header_btn.html").format(
+                        json_label=i18n("历史记录（JSON）"),
+                        md_label=i18n("导出为 Markdown")
+                    ), elem_id="chatbot-header-btn-bar")
+                with gr.Row():
+                    chatbot = gr.Chatbot(
+                        label="Chuanhu Chat",
+                        elem_id="chuanhu-chatbot",
+                        latex_delimiters=latex_delimiters_set,
+                        # height=700,
+                        show_label=False,
+                        avatar_images=[config.user_avatar, config.bot_avatar],
+                        show_share_button=False,
                     )
-                    with gr.Accordion(label=i18n("加载Prompt模板"), open=True):
-                        with gr.Column():
-                            with gr.Row():
-                                with gr.Column(scale=6):
-                                    templateFileSelectDropdown = gr.Dropdown(
-                                        label=i18n("选择Prompt模板集合文件"),
-                                        choices=get_template_names(),
-                                        multiselect=False,
-                                        value=get_template_names()[0],
-                                        container=False,
+                with gr.Row(elem_id="chatbot-footer"):
+                    with gr.Box(elem_id="chatbot-input-box"):
+                        with gr.Row(elem_id="chatbot-input-row"):
+                            gr.HTML(get_html("chatbot_more.html").format(
+                                single_turn_label=i18n("单轮对话"),
+                                websearch_label=i18n("在线搜索"),
+                                upload_file_label=i18n("上传文件"),
+                                uploaded_files_label=i18n("知识库文件"),
+                                uploaded_files_tip=i18n("在工具箱中管理知识库文件")
+                            ))
+                            with gr.Row(elem_id="chatbot-input-tb-row"):
+                                with gr.Column(min_width=225, scale=12):
+                                    user_input = gr.Textbox(
+                                        elem_id="user-input-tb",
+                                        show_label=False,
+                                        placeholder=i18n("在这里输入"),
+                                        elem_classes="no-container",
+                                        max_lines=5,
+                                        # container=False
                                     )
-                                with gr.Column(scale=1):
-                                    templateRefreshBtn = gr.Button(i18n("🔄 刷新"))
-                            with gr.Row():
+                                with gr.Column(min_width=42, scale=1, elem_id="chatbot-ctrl-btns"):
+                                    submitBtn = gr.Button(
+                                        value="", variant="primary", elem_id="submit-btn")
+                                    cancelBtn = gr.Button(
+                                        value="", variant="secondary", visible=False, elem_id="cancel-btn")
+                        # Note: Buttons below are set invisible in UI. But they are used in JS.
+                        with gr.Row(elem_id="chatbot-buttons", visible=False):
+                            with gr.Column(min_width=120, scale=1):
+                                emptyBtn = gr.Button(
+                                    i18n("🧹 新的对话"), elem_id="empty-btn"
+                                )
+                            with gr.Column(min_width=120, scale=1):
+                                retryBtn = gr.Button(
+                                    i18n("🔄 重新生成"), elem_id="gr-retry-btn")
+                            with gr.Column(min_width=120, scale=1):
+                                delFirstBtn = gr.Button(i18n("🗑️ 删除最旧对话"))
+                            with gr.Column(min_width=120, scale=1):
+                                delLastBtn = gr.Button(
+                                    i18n("🗑️ 删除最新对话"), elem_id="gr-dellast-btn")
+                            with gr.Row(visible=False) as like_dislike_area:
+                                with gr.Column(min_width=20, scale=1):
+                                    likeBtn = gr.Button(
+                                        i18n("👍"), elem_id="gr-like-btn")
+                                with gr.Column(min_width=20, scale=1):
+                                    dislikeBtn = gr.Button(
+                                        i18n("👎"), elem_id="gr-dislike-btn")
+
+        with gr.Column(elem_id="toolbox-area", scale=1):
+            # For CSS setting, there is an extra box. Don't remove it.
+            with gr.Box(elem_id="chuanhu-toolbox"):
+                with gr.Row():
+                    gr.Markdown("## "+i18n("工具箱"))
+                    gr.HTML(get_html("close_btn.html").format(
+                        obj="toolbox"), elem_classes="close-btn")
+                with gr.Tabs(elem_id="chuanhu-toolbox-tabs"):
+                    with gr.Tab(label=i18n("对话")):
+                        with gr.Accordion(label="Prompt", open=True):
+                            systemPromptTxt = gr.Textbox(
+                                show_label=True,
+                                placeholder=i18n("在这里输入System Prompt..."),
+                                label="System prompt",
+                                value=INITIAL_SYSTEM_PROMPT,
+                                lines=8
+                            )
+                            with gr.Accordion(label=i18n("加载Prompt模板"), open=False):
                                 with gr.Column():
-                                    templateSelectDropdown = gr.Dropdown(
-                                        label=i18n("从Prompt模板中加载"),
-                                        choices=load_template(
-                                            get_template_names()[0], mode=1
-                                        ),
-                                        multiselect=False,
-                                        container=False,
-                                    )
-
-                with gr.Tab(label=i18n("保存/加载")):
-                    with gr.Accordion(label=i18n("保存/加载对话历史记录"), open=True):
-                        with gr.Column():
-                            with gr.Row():
-                                with gr.Column(scale=6):
-                                    historyFileSelectDropdown = gr.Dropdown(
-                                        label=i18n("从列表中加载对话"),
-                                        choices=get_history_names(),
-                                        multiselect=False,
-                                        container=False,
-                                    )
-                                with gr.Row():
-                                    with gr.Column(min_width=42, scale=1):
-                                        historyRefreshBtn = gr.Button(i18n("🔄 刷新"))
-                                    with gr.Column(min_width=42, scale=1):
-                                        historyDeleteBtn = gr.Button(i18n("🗑️ 删除"))
-                            with gr.Row():
-                                with gr.Column(scale=6):
-                                    saveFileName = gr.Textbox(
-                                        show_label=True,
-                                        placeholder=i18n("设置文件名: 默认为.json，可选为.md"),
-                                        label=i18n("设置保存文件名"),
-                                        value=i18n("对话历史记录"),
-                                        elem_classes="no-container"
-                                        # container=False,
-                                    )
-                                with gr.Column(scale=1):
-                                    saveHistoryBtn = gr.Button(i18n("💾 保存对话"))
-                                    exportMarkdownBtn = gr.Button(i18n("📝 导出为Markdown"))
-                                    gr.Markdown(i18n("默认保存于history文件夹"))
-                            with gr.Row():
-                                with gr.Column():
-                                    downloadFile = gr.File(interactive=True, label="下载/上传历史��录")
-
-                with gr.Tab(label=i18n("微调")):
-                    openai_train_status = gr.Markdown(label=i18n("训练状态"), value=i18n("在这里[查看使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B#%E5%BE%AE%E8%B0%83-gpt-35)"))
-
-                    with gr.Tab(label=i18n("准备数据集")):
-                        dataset_preview_json = gr.JSON(label=i18n("数据集预览"), readonly=True)
-                        dataset_selection = gr.Files(label = i18n("选择数据集"), file_types=[".xlsx", ".jsonl"], file_count="single")
-                        upload_to_openai_btn = gr.Button(i18n("上传到OpenAI"), variant="primary", interactive=False)
-
-                    with gr.Tab(label=i18n("训练")):
-                        openai_ft_file_id = gr.Textbox(label=i18n("文件ID"), value="", lines=1, placeholder=i18n("上传到 OpenAI 后自动填充"))
-                        openai_ft_suffix = gr.Textbox(label=i18n("模型名称后缀"), value="", lines=1, placeholder=i18n("可选，用于区分不同的模型"))
-                        openai_train_epoch_slider = gr.Slider(label=i18n("训练轮数（Epochs）"), minimum=1, maximum=100, value=3, step=1, interactive=True)
-                        openai_start_train_btn = gr.Button(i18n("开始训练"), variant="primary", interactive=False)
-
-                    with gr.Tab(label=i18n("状态")):
-                        openai_status_refresh_btn = gr.Button(i18n("刷新状态"))
-                        openai_cancel_all_jobs_btn = gr.Button(i18n("取消所有任务"))
-                        add_to_models_btn = gr.Button(i18n("添加训练好的模型到模型列表"), interactive=False)
-
-                with gr.Tab(label=i18n("高级")):
-                    gr.HTML(get_html("appearance_switcher.html").format(label=i18n("切换亮暗色主题")), elem_classes="insert-block")
-                    use_streaming_checkbox = gr.Checkbox(
-                            label=i18n("实时传输回答"), value=True, visible=ENABLE_STREAMING_OPTION, elem_classes="switch-checkbox"
-                        )
-                    checkUpdateBtn = gr.Button(i18n("🔄 检查更新..."), visible=check_update)
-                    gr.Markdown(i18n("# ⚠️ 务必谨慎更改 ⚠️"), elem_id="advanced-warning")
-                    with gr.Accordion(i18n("参数"), open=False):
-                        temperature_slider = gr.Slider(
-                            minimum=-0,
-                            maximum=2.0,
-                            value=1.0,
-                            step=0.1,
-                            interactive=True,
-                            label="temperature",
-                        )
-                        top_p_slider = gr.Slider(
-                            minimum=-0,
-                            maximum=1.0,
-                            value=1.0,
-                            step=0.05,
-                            interactive=True,
-                            label="top-p",
-                        )
-                        n_choices_slider = gr.Slider(
-                            minimum=1,
-                            maximum=10,
-                            value=1,
-                            step=1,
-                            interactive=True,
-                            label="n choices",
-                        )
-                        stop_sequence_txt = gr.Textbox(
+                                    with gr.Row():
+                                        with gr.Column(scale=6):
+                                            templateFileSelectDropdown = gr.Dropdown(
+                                                label=i18n("选择Prompt模板集合文件"),
+                                                choices=get_template_names(),
+                                                multiselect=False,
+                                                value=get_template_names()[0],
+                                                container=False,
+                                            )
+                                        with gr.Column(scale=1):
+                                            templateRefreshBtn = gr.Button(
+                                                i18n("🔄 刷新"))
+                                    with gr.Row():
+                                        with gr.Column():
+                                            templateSelectDropdown = gr.Dropdown(
+                                                label=i18n("从Prompt模板中加载"),
+                                                choices=load_template(
+                                                    get_template_names()[
+                                                        0], mode=1
+                                                ),
+                                                multiselect=False,
+                                                container=False,
+                                            )
+                        gr.Markdown("---", elem_classes="hr-line")
+                        with gr.Accordion(label=i18n("知识库"), open=True):
+                            use_websearch_checkbox = gr.Checkbox(label=i18n(
+                                "使用在线搜索"), value=False, elem_classes="switch-checkbox", elem_id="gr-websearch-cb", visible=False)
+                            index_files = gr.Files(label=i18n(
+                                "上传"), type="file", elem_id="upload-index-file")
+                            two_column = gr.Checkbox(label=i18n(
+                                "双栏pdf"), value=advance_docs["pdf"].get("two_column", False))
+                            summarize_btn = gr.Button(i18n("总结"))
+                            # TODO: 公式ocr
+                            # formula_ocr = gr.Checkbox(label=i18n("识别公式"), value=advance_docs["pdf"].get("formula_ocr", False))
+
+                    with gr.Tab(label=i18n("参数")):
+                        gr.Markdown(i18n("# ⚠️ 务必谨慎更改 ⚠️"),
+                                    elem_id="advanced-warning")
+                        with gr.Accordion(i18n("参数"), open=True):
+                            temperature_slider = gr.Slider(
+                                minimum=-0,
+                                maximum=2.0,
+                                value=1.0,
+                                step=0.1,
+                                interactive=True,
+                                label="temperature",
+                            )
+                            top_p_slider = gr.Slider(
+                                minimum=-0,
+                                maximum=1.0,
+                                value=1.0,
+                                step=0.05,
+                                interactive=True,
+                                label="top-p",
+                            )
+                            n_choices_slider = gr.Slider(
+                                minimum=1,
+                                maximum=10,
+                                value=1,
+                                step=1,
+                                interactive=True,
+                                label="n choices",
+                            )
+                            stop_sequence_txt = gr.Textbox(
+                                show_label=True,
+                                placeholder=i18n("停止符，用英文逗号隔开..."),
+                                label="stop",
+                                value="",
+                                lines=1,
+                            )
+                            max_context_length_slider = gr.Slider(
+                                minimum=1,
+                                maximum=32768,
+                                value=2000,
+                                step=1,
+                                interactive=True,
+                                label="max context",
+                            )
+                            max_generation_slider = gr.Slider(
+                                minimum=1,
+                                maximum=32768,
+                                value=1000,
+                                step=1,
+                                interactive=True,
+                                label="max generations",
+                            )
+                            presence_penalty_slider = gr.Slider(
+                                minimum=-2.0,
+                                maximum=2.0,
+                                value=0.0,
+                                step=0.01,
+                                interactive=True,
+                                label="presence penalty",
+                            )
+                            frequency_penalty_slider = gr.Slider(
+                                minimum=-2.0,
+                                maximum=2.0,
+                                value=0.0,
+                                step=0.01,
+                                interactive=True,
+                                label="frequency penalty",
+                            )
+                            logit_bias_txt = gr.Textbox(
+                                show_label=True,
+                                placeholder=f"word:likelihood",
+                                label="logit bias",
+                                value="",
+                                lines=1,
+                            )
+                            user_identifier_txt = gr.Textbox(
+                                show_label=True,
+                                placeholder=i18n("用于定位滥用行为"),
+                                label=i18n("用户名"),
+                                value=user_name.value,
+                                lines=1,
+                            )
+                    with gr.Tab(label=i18n("拓展")):
+                        gr.Markdown(
+                            "Will be here soon...\n(We hope)\n\nAnd we hope you can help us to make more extensions!")
+
+                    # changeAPIURLBtn = gr.Button(i18n("🔄 切换API地址"))
+
+    with gr.Row(elem_id="popup-wrapper"):
+        with gr.Box(elem_id="chuanhu-popup"):
+            with gr.Box(elem_id="chuanhu-setting"):
+                with gr.Row():
+                    gr.Markdown("## "+i18n("设置"))
+                    gr.HTML(get_html("close_btn.html").format(
+                        obj="box"), elem_classes="close-btn")
+                with gr.Tabs(elem_id="chuanhu-setting-tabs"):
+                    with gr.Tab(label=i18n("模型")):
+                        keyTxt = gr.Textbox(
                             show_label=True,
-                            placeholder=i18n("停止符，用英文逗号隔开..."),
-                            label="stop",
-                            value="",
-                            lines=1,
+                            placeholder=f"Your API-key...",
+                            value=hide_middle_chars(user_api_key.value),
+                            type="password",
+                            visible=not HIDE_MY_KEY,
+                            label="API-Key",
                         )
-                        max_context_length_slider = gr.Slider(
-                            minimum=1,
-                            maximum=32768,
-                            value=2000,
-                            step=1,
-                            interactive=True,
-                            label="max context",
-                        )
-                        max_generation_slider = gr.Slider(
-                            minimum=1,
-                            maximum=32768,
-                            value=1000,
-                            step=1,
-                            interactive=True,
-                            label="max generations",
+                        if multi_api_key:
+                            usageTxt = gr.Markdown(i18n(
+                                "多账号模式已开启，无需输入key，可直接开始对话"), elem_id="usage-display", elem_classes="insert-block", visible=show_api_billing)
+                        else:
+                            usageTxt = gr.Markdown(i18n(
+                                "**发送消息** 或 **提交key** 以显示额度"), elem_id="usage-display", elem_classes="insert-block", visible=show_api_billing)
+                        # model_select_dropdown = gr.Dropdown(
+                        #     label=i18n("选择模型"), choices=MODELS, multiselect=False, value=MODELS[DEFAULT_MODEL], interactive=True
+                        # )
+                        # lora_select_dropdown = gr.Dropdown(
+                        #     label=i18n("选择LoRA模型"), choices=[], multiselect=False, interactive=True, visible=False
+                        # )
+                        # with gr.Row():
+
+                        language_select_dropdown = gr.Dropdown(
+                            label=i18n("选择回复语言（针对搜索&索引功能）"),
+                            choices=REPLY_LANGUAGES,
+                            multiselect=False,
+                            value=REPLY_LANGUAGES[0],
                         )
-                        presence_penalty_slider = gr.Slider(
-                            minimum=-2.0,
-                            maximum=2.0,
-                            value=0.0,
-                            step=0.01,
-                            interactive=True,
-                            label="presence penalty",
+
+                    with gr.Tab(label=i18n("高级")):
+                        gr.HTML(get_html("appearance_switcher.html").format(
+                            label=i18n("切换亮暗色主题")), elem_classes="insert-block", visible=False)
+                        use_streaming_checkbox = gr.Checkbox(
+                            label=i18n("实时传输回答"), value=True, visible=ENABLE_STREAMING_OPTION, elem_classes="switch-checkbox"
                         )
-                        frequency_penalty_slider = gr.Slider(
-                            minimum=-2.0,
-                            maximum=2.0,
-                            value=0.0,
-                            step=0.01,
+                        name_chat_method = gr.Dropdown(
+                            label=i18n("对话命名方式"), 
+                            choices=HISTORY_NAME_METHODS, 
+                            multiselect=False,
                             interactive=True,
-                            label="frequency penalty",
-                        )
-                        logit_bias_txt = gr.Textbox(
-                            show_label=True,
-                            placeholder=f"word:likelihood",
-                            label="logit bias",
-                            value="",
-                            lines=1,
-                        )
-                        user_identifier_txt = gr.Textbox(
-                            show_label=True,
-                            placeholder=i18n("用于定位滥用行为"),
-                            label=i18n("用户名"),
-                            value=user_name.value,
-                            lines=1,
+                            value=HISTORY_NAME_METHODS[chat_name_method_index], 
                         )
+                        single_turn_checkbox = gr.Checkbox(label=i18n(
+                            "单轮对话"), value=False, elem_classes="switch-checkbox", elem_id="gr-single-session-cb", visible=False)
+                        # checkUpdateBtn = gr.Button(i18n("🔄 检查更新..."), visible=check_update)
 
-                    with gr.Accordion(i18n("网络参数"), open=False):
-                        gr.Markdown(i18n("---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置"), elem_id="netsetting-warning")
+                    with gr.Tab(i18n("网络")):
+                        gr.Markdown(
+                            i18n("⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置"), elem_id="netsetting-warning")
                         default_btn = gr.Button(i18n("🔙 恢复默认网络设置"))
                         # 网络代理
                         proxyTxt = gr.Textbox(
@@ -319,25 +410,97 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
                             # container=False,
                             elem_classes="view-only-textbox no-container",
                         )
-                        # changeAPIURLBtn = gr.Button(i18n("🔄 切换API地址"))
-                        updateChuanhuBtn = gr.Button(visible=False, elem_classes="invisible-btn", elem_id="update-chuanhu-btn")
 
-
-    gr.Markdown(CHUANHU_DESCRIPTION, elem_id="description")
-    gr.HTML(get_html("footer.html").format(versions=versions_html()), elem_id="footer")
+                    with gr.Tab(label=i18n("关于"), elem_id="about-tab"):
+                        gr.Markdown(
+                            '<img alt="Chuanhu Chat logo" src="file=web_assets/icon/any-icon-512.png" style="max-width: 144px;">')
+                        gr.Markdown("# "+i18n("川虎Chat"))
+                        gr.HTML(get_html("footer.html").format(
+                            versions=versions_html()), elem_id="footer")
+                        gr.Markdown(CHUANHU_DESCRIPTION, elem_id="description")
+
+            with gr.Box(elem_id="chuanhu-training"):
+                with gr.Row():
+                    gr.Markdown("## "+i18n("训练"))
+                    gr.HTML(get_html("close_btn.html").format(
+                        obj="box"), elem_classes="close-btn")
+                with gr.Tabs(elem_id="chuanhu-training-tabs"):
+                    with gr.Tab(label="OpenAI "+i18n("微调")):
+                        openai_train_status = gr.Markdown(label=i18n("训练状态"), value=i18n(
+                            "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)"))
+
+                        with gr.Tab(label=i18n("准备数据集")):
+                            dataset_preview_json = gr.JSON(
+                                label=i18n("数据集预览"), readonly=True)
+                            dataset_selection = gr.Files(label=i18n("选择数据集"), file_types=[
+                                                         ".xlsx", ".jsonl"], file_count="single")
+                            upload_to_openai_btn = gr.Button(
+                                i18n("上传到OpenAI"), variant="primary", interactive=False)
+
+                        with gr.Tab(label=i18n("训练")):
+                            openai_ft_file_id = gr.Textbox(label=i18n(
+                                "文件ID"), value="", lines=1, placeholder=i18n("上传到 OpenAI 后自动填充"))
+                            openai_ft_suffix = gr.Textbox(label=i18n(
+                                "模型名称后缀"), value="", lines=1, placeholder=i18n("可选，用于区分不同的模型"))
+                            openai_train_epoch_slider = gr.Slider(label=i18n(
+                                "训练轮数（Epochs）"), minimum=1, maximum=100, value=3, step=1, interactive=True)
+                            openai_start_train_btn = gr.Button(
+                                i18n("开始训练"), variant="primary", interactive=False)
+
+                        with gr.Tab(label=i18n("状态")):
+                            openai_status_refresh_btn = gr.Button(i18n("刷新状态"))
+                            openai_cancel_all_jobs_btn = gr.Button(
+                                i18n("取消所有任务"))
+                            add_to_models_btn = gr.Button(
+                                i18n("添加训练好的模型到模型列表"), interactive=False)
+
+            with gr.Box(elem_id="web-config", visible=False):
+                gr.HTML(get_html('web_config.html').format(
+                    hideHistoryWhenNotLoggedIn_config=hide_history_when_not_logged_in,
+                    forView_i18n=i18n("仅供查看"),
+                    deleteConfirm_i18n_pref=i18n("你真的要删除 "),
+                    deleteConfirm_i18n_suff=i18n(" 吗？"),
+                    usingLatest_i18n=i18n("您使用的就是最新版！"),
+                    updatingMsg_i18n=i18n("正在尝试更新..."),
+                    updateSuccess_i18n=i18n("更新成功，请重启本程序"),
+                    updateFailure_i18n=i18n(
+                        '更新失败，请尝试<a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">手动更新</a>'),
+                    regenerate_i18n=i18n("重新生成"),
+                    deleteRound_i18n=i18n("删除这轮问答"),
+                    renameChat_i18n=i18n("重命名该对话"),
+                ))
+            with gr.Box(elem_id="fake-gradio-components", visible=False):
+                updateChuanhuBtn = gr.Button(
+                    visible=False, elem_classes="invisible-btn", elem_id="update-chuanhu-btn")
+                changeSingleSessionBtn = gr.Button(
+                    visible=False, elem_classes="invisible-btn", elem_id="change-single-session-btn")
+                changeOnlineSearchBtn = gr.Button(
+                    visible=False, elem_classes="invisible-btn", elem_id="change-online-search-btn")
+                historySelectBtn = gr.Button(
+                    visible=False, elem_classes="invisible-btn", elem_id="history-select-btn")  # Not used
 
     # https://github.com/gradio-app/gradio/pull/3296
+
     def create_greeting(request: gr.Request):
-        if hasattr(request, "username") and request.username: # is not None or is not ""
+        if hasattr(request, "username") and request.username:  # is not None or is not ""
             logging.info(f"Get User Name: {request.username}")
-            user_info, user_name = gr.Markdown.update(value=f"User: {request.username}"), request.username
+            user_info, user_name = gr.Markdown.update(
+                value=f"User: {request.username}"), request.username
         else:
-            user_info, user_name = gr.Markdown.update(value=f"", visible=False), ""
-        current_model = get_model(model_name = MODELS[DEFAULT_MODEL], access_key = my_api_key)[0]
+            user_info, user_name = gr.Markdown.update(
+                value=f"", visible=False), ""
+        current_model = get_model(
+            model_name=MODELS[DEFAULT_MODEL], access_key=my_api_key)[0]
         current_model.set_user_identifier(user_name)
-        chatbot = gr.Chatbot.update(label=MODELS[DEFAULT_MODEL])
-        return user_info, user_name, current_model, toggle_like_btn_visibility(DEFAULT_MODEL), *current_model.auto_load(), get_history_dropdown(user_name), chatbot
-    demo.load(create_greeting, inputs=None, outputs=[user_info, user_name, current_model, like_dislike_area, systemPromptTxt, chatbot, historyFileSelectDropdown, chatbot], api_name="load")
+        if not hide_history_when_not_logged_in or user_name:
+            filename, system_prompt, chatbot = current_model.auto_load()
+        else:
+            system_prompt = gr.update()
+            filename = gr.update()
+            chatbot = gr.Chatbot.update(label=MODELS[DEFAULT_MODEL])
+        return user_info, user_name, current_model, toggle_like_btn_visibility(DEFAULT_MODEL), filename, system_prompt, chatbot, init_history_list(user_name)
+    demo.load(create_greeting, inputs=None, outputs=[
+              user_info, user_name, current_model, like_dislike_area, saveFileName, systemPromptTxt, chatbot, historySelectList], api_name="load")
     chatgpt_predict_args = dict(
         fn=predict,
         inputs=[
@@ -369,40 +532,56 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
     )
 
     transfer_input_args = dict(
-        fn=transfer_input, inputs=[user_input], outputs=[user_question, user_input, submitBtn, cancelBtn], show_progress=True
+        fn=transfer_input, inputs=[user_input], outputs=[
+            user_question, user_input, submitBtn, cancelBtn], show_progress=True
     )
 
     get_usage_args = dict(
-        fn=billing_info, inputs=[current_model], outputs=[usageTxt], show_progress=False
+        fn=billing_info, inputs=[current_model], outputs=[
+            usageTxt], show_progress=False
     )
 
     load_history_from_file_args = dict(
         fn=load_chat_history,
-        inputs=[current_model, historyFileSelectDropdown, user_name],
+        inputs=[current_model, historySelectList, user_name],
         outputs=[saveFileName, systemPromptTxt, chatbot]
     )
 
     refresh_history_args = dict(
-        fn=get_history_dropdown, inputs=[user_name], outputs=[historyFileSelectDropdown]
+        fn=get_history_list, inputs=[user_name], outputs=[historySelectList]
     )
 
+    auto_name_chat_history_args = dict(
+        fn=auto_name_chat_history,
+        inputs=[current_model, name_chat_method, user_question, chatbot, user_name, language_select_dropdown],
+        outputs=[historySelectList],
+        show_progress=False,
+    )
 
     # Chatbot
     cancelBtn.click(interrupt, [current_model], [])
 
-    user_input.submit(**transfer_input_args).then(**chatgpt_predict_args).then(**end_outputing_args)
+    user_input.submit(**transfer_input_args).then(**
+                                                  chatgpt_predict_args).then(**end_outputing_args).then(**auto_name_chat_history_args)
     user_input.submit(**get_usage_args)
 
-    submitBtn.click(**transfer_input_args).then(**chatgpt_predict_args, api_name="predict").then(**end_outputing_args)
+    # user_input.submit(auto_name_chat_history, [current_model, user_question, chatbot, user_name], [historySelectList], show_progress=False)
+
+    submitBtn.click(**transfer_input_args).then(**chatgpt_predict_args,
+                                                api_name="predict").then(**end_outputing_args).then(**auto_name_chat_history_args)
     submitBtn.click(**get_usage_args)
 
-    index_files.change(handle_file_upload, [current_model, index_files, chatbot, language_select_dropdown], [index_files, chatbot, status_display])
-    summarize_btn.click(handle_summarize_index, [current_model, index_files, chatbot, language_select_dropdown], [chatbot, status_display])
+    # submitBtn.click(auto_name_chat_history, [current_model, user_question, chatbot, user_name], [historySelectList], show_progress=False)
+
+    index_files.change(handle_file_upload, [current_model, index_files, chatbot, language_select_dropdown], [
+                       index_files, chatbot, status_display])
+    summarize_btn.click(handle_summarize_index, [
+                        current_model, index_files, chatbot, language_select_dropdown], [chatbot, status_display])
 
     emptyBtn.click(
         reset,
         inputs=[current_model],
-        outputs=[chatbot, status_display],
+        outputs=[chatbot, status_display, historySelectList],
         show_progress=True,
         _js='clearChatbot',
     )
@@ -452,16 +631,23 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
     two_column.change(update_doc_config, [two_column], None)
 
     # LLM Models
-    keyTxt.change(set_key, [current_model, keyTxt], [user_api_key, status_display], api_name="set_key").then(**get_usage_args)
+    keyTxt.change(set_key, [current_model, keyTxt], [
+                  user_api_key, status_display], api_name="set_key").then(**get_usage_args)
     keyTxt.submit(**get_usage_args)
-    single_turn_checkbox.change(set_single_turn, [current_model, single_turn_checkbox], None)
-    model_select_dropdown.change(get_model, [model_select_dropdown, lora_select_dropdown, user_api_key, temperature_slider, top_p_slider, systemPromptTxt, user_name], [current_model, status_display, chatbot, lora_select_dropdown, user_api_key, keyTxt], show_progress=True, api_name="get_model")
-    model_select_dropdown.change(toggle_like_btn_visibility, [model_select_dropdown], [like_dislike_area], show_progress=False)
-    lora_select_dropdown.change(get_model, [model_select_dropdown, lora_select_dropdown, user_api_key, temperature_slider, top_p_slider, systemPromptTxt, user_name], [current_model, status_display, chatbot], show_progress=True)
+    single_turn_checkbox.change(
+        set_single_turn, [current_model, single_turn_checkbox], None)
+    model_select_dropdown.change(get_model, [model_select_dropdown, lora_select_dropdown, user_api_key, temperature_slider, top_p_slider, systemPromptTxt, user_name], [
+                                 current_model, status_display, chatbot, lora_select_dropdown, user_api_key, keyTxt], show_progress=True, api_name="get_model")
+    model_select_dropdown.change(toggle_like_btn_visibility, [model_select_dropdown], [
+                                 like_dislike_area], show_progress=False)
+    lora_select_dropdown.change(get_model, [model_select_dropdown, lora_select_dropdown, user_api_key, temperature_slider,
+                                top_p_slider, systemPromptTxt, user_name], [current_model, status_display, chatbot], show_progress=True)
 
     # Template
-    systemPromptTxt.change(set_system_prompt, [current_model, systemPromptTxt], None)
-    templateRefreshBtn.click(get_template_dropdown, None, [templateFileSelectDropdown])
+    systemPromptTxt.change(set_system_prompt, [
+                           current_model, systemPromptTxt], None)
+    templateRefreshBtn.click(get_template_dropdown, None, [
+                             templateFileSelectDropdown])
     templateFileSelectDropdown.input(
         load_template,
         [templateFileSelectDropdown],
@@ -476,47 +662,80 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
     )
 
     # S&L
-    saveHistoryBtn.click(
-        save_chat_history,
+    renameHistoryBtn.click(
+        rename_chat_history,
         [current_model, saveFileName, chatbot, user_name],
-        downloadFile,
+        [historySelectList],
         show_progress=True,
+        _js='(a,b,c,d)=>{return saveChatHistory(a,b,c,d);}'
     )
-    saveHistoryBtn.click(get_history_dropdown, [user_name], [historyFileSelectDropdown])
     exportMarkdownBtn.click(
         export_markdown,
         [current_model, saveFileName, chatbot, user_name],
-        downloadFile,
+        [],
         show_progress=True,
     )
     historyRefreshBtn.click(**refresh_history_args)
-    historyDeleteBtn.click(delete_chat_history, [current_model, historyFileSelectDropdown, user_name], [status_display, historyFileSelectDropdown, chatbot], _js='(a,b,c)=>{return showConfirmationDialog(a, b, c);}')
-    historyFileSelectDropdown.change(**load_history_from_file_args)
-    downloadFile.change(upload_chat_history, [current_model, downloadFile, user_name], [saveFileName, systemPromptTxt, chatbot])
+    historyDeleteBtn.click(delete_chat_history, [current_model, historySelectList, user_name], [status_display, historySelectList, chatbot], _js='(a,b,c)=>{return showConfirmationDialog(a, b, c);}').then(
+        reset,
+        inputs=[current_model],
+        outputs=[chatbot, status_display, historySelectList],
+        show_progress=True,
+        _js='clearChatbot',
+    )
+    historySelectList.input(**load_history_from_file_args)
+    uploadFileBtn.upload(upload_chat_history, [current_model, uploadFileBtn, user_name], [
+                        saveFileName, systemPromptTxt, chatbot]).then(**refresh_history_args)
+    historyDownloadBtn.click(None, [
+                             user_name, historySelectList], None, _js='(a,b)=>{return downloadHistory(a,b,".json");}')
+    historyMarkdownDownloadBtn.click(None, [
+                                     user_name, historySelectList], None, _js='(a,b)=>{return downloadHistory(a,b,".md");}')
+    historySearchTextbox.input(
+        filter_history,
+        [user_name, historySearchTextbox],
+        [historySelectList]
+    )
 
     # Train
-    dataset_selection.upload(handle_dataset_selection, dataset_selection, [dataset_preview_json, upload_to_openai_btn, openai_train_status])
-    dataset_selection.clear(handle_dataset_clear, [], [dataset_preview_json, upload_to_openai_btn])
-    upload_to_openai_btn.click(upload_to_openai, [dataset_selection], [openai_ft_file_id, openai_train_status], show_progress=True)
-
-    openai_ft_file_id.change(lambda x: gr.update(interactive=True) if len(x) > 0 else gr.update(interactive=False), [openai_ft_file_id], [openai_start_train_btn])
-    openai_start_train_btn.click(start_training, [openai_ft_file_id, openai_ft_suffix, openai_train_epoch_slider], [openai_train_status])
-
-    openai_status_refresh_btn.click(get_training_status, [], [openai_train_status, add_to_models_btn])
-    add_to_models_btn.click(add_to_models, [], [model_select_dropdown, openai_train_status], show_progress=True)
-    openai_cancel_all_jobs_btn.click(cancel_all_jobs, [], [openai_train_status], show_progress=True)
+    dataset_selection.upload(handle_dataset_selection, dataset_selection, [
+                             dataset_preview_json, upload_to_openai_btn, openai_train_status])
+    dataset_selection.clear(handle_dataset_clear, [], [
+                            dataset_preview_json, upload_to_openai_btn])
+    upload_to_openai_btn.click(upload_to_openai, [dataset_selection], [
+                               openai_ft_file_id, openai_train_status], show_progress=True)
+
+    openai_ft_file_id.change(lambda x: gr.update(interactive=True) if len(
+        x) > 0 else gr.update(interactive=False), [openai_ft_file_id], [openai_start_train_btn])
+    openai_start_train_btn.click(start_training, [
+                                 openai_ft_file_id, openai_ft_suffix, openai_train_epoch_slider], [openai_train_status])
+
+    openai_status_refresh_btn.click(get_training_status, [], [
+                                    openai_train_status, add_to_models_btn])
+    add_to_models_btn.click(add_to_models, [], [
+                            model_select_dropdown, openai_train_status], show_progress=True)
+    openai_cancel_all_jobs_btn.click(
+        cancel_all_jobs, [], [openai_train_status], show_progress=True)
 
     # Advanced
-    max_context_length_slider.change(set_token_upper_limit, [current_model, max_context_length_slider], None)
-    temperature_slider.change(set_temperature, [current_model, temperature_slider], None)
+    max_context_length_slider.change(
+        set_token_upper_limit, [current_model, max_context_length_slider], None)
+    temperature_slider.change(
+        set_temperature, [current_model, temperature_slider], None)
     top_p_slider.change(set_top_p, [current_model, top_p_slider], None)
-    n_choices_slider.change(set_n_choices, [current_model, n_choices_slider], None)
-    stop_sequence_txt.change(set_stop_sequence, [current_model, stop_sequence_txt], None)
-    max_generation_slider.change(set_max_tokens, [current_model, max_generation_slider], None)
-    presence_penalty_slider.change(set_presence_penalty, [current_model, presence_penalty_slider], None)
-    frequency_penalty_slider.change(set_frequency_penalty, [current_model, frequency_penalty_slider], None)
-    logit_bias_txt.change(set_logit_bias, [current_model, logit_bias_txt], None)
-    user_identifier_txt.change(set_user_identifier, [current_model, user_identifier_txt], None)
+    n_choices_slider.change(
+        set_n_choices, [current_model, n_choices_slider], None)
+    stop_sequence_txt.change(
+        set_stop_sequence, [current_model, stop_sequence_txt], None)
+    max_generation_slider.change(
+        set_max_tokens, [current_model, max_generation_slider], None)
+    presence_penalty_slider.change(
+        set_presence_penalty, [current_model, presence_penalty_slider], None)
+    frequency_penalty_slider.change(
+        set_frequency_penalty, [current_model, frequency_penalty_slider], None)
+    logit_bias_txt.change(
+        set_logit_bias, [current_model, logit_bias_txt], None)
+    user_identifier_txt.change(set_user_identifier, [
+                               current_model, user_identifier_txt], None)
 
     default_btn.click(
         reset_default, [], [apihostTxt, proxyTxt, status_display], show_progress=True
@@ -533,7 +752,7 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
     #     [status_display],
     #     show_progress=True,
     # )
-    checkUpdateBtn.click(fn=None, _js='manualCheckUpdate')
+    # checkUpdateBtn.click(fn=None, _js='manualCheckUpdate')
 
     # Invisible elements
     updateChuanhuBtn.click(
@@ -542,6 +761,25 @@ with gr.Blocks(theme=small_and_beautiful_theme) as demo:
         [status_display],
         show_progress=True,
     )
+    changeSingleSessionBtn.click(
+        fn=lambda value: gr.Checkbox.update(value=value),
+        inputs=[single_turn_checkbox],
+        outputs=[single_turn_checkbox],
+        _js='(a)=>{return bgChangeSingleSession(a);}'
+    )
+    changeOnlineSearchBtn.click(
+        fn=lambda value: gr.Checkbox.update(value=value),
+        inputs=[use_websearch_checkbox],
+        outputs=[use_websearch_checkbox],
+        _js='(a)=>{return bgChangeOnlineSearch(a);}'
+    )
+    historySelectBtn.click(  # This is an experimental feature... Not actually used.
+        fn=load_chat_history,
+        inputs=[current_model, historySelectList],
+        outputs=[saveFileName, systemPromptTxt, chatbot],
+        _js='(a,b)=>{return bgSelectHistory(a,b);}'
+    )
+
 
 logging.info(
     colorama.Back.GREEN
@@ -560,5 +798,5 @@ if __name__ == "__main__":
         share=share,
         auth=auth_from_conf if authflag else None,
         favicon_path="./web_assets/favicon.ico",
-        inbrowser=not dockerflag, # 禁止在docker下开启inbrowser
+        inbrowser=not dockerflag,  # 禁止在docker下开启inbrowser
     )

config_example.json

@@ -26,12 +26,13 @@
     "azure_embedding_model_name": "text-embedding-ada-002", // 你的 Azure OpenAI Embedding 模型名称
 
     //== 基础配置 ==
-    "language": "auto", // 界面语言，可选"auto", "zh-CN", "en-US", "ja-JP", "ko-KR", "sv-SE", "ru-RU"
+    "language": "auto", // 界面语言，可选"auto", "zh_CN", "en_US", "ja_JP", "ko_KR", "sv_SE", "ru_RU"
     "users": [], // 用户列表，[[用户名1, 密码1], [用户名2, 密码2], ...]
     "local_embedding": false, //是否在本地编制索引
     "hide_history_when_not_logged_in": false, //未登录情况下是否不展示对话历史
     "check_update": true, //是否启用检查更新
     "default_model": "gpt-3.5-turbo", // 默认模型
+    "chat_name_method_index": 0, // 选择对话名称的方法。0: 使用日期时间命名；1: 使用第一条提问命名，2: 使用模型自动总结
     "bot_avatar": "default", // 机器人头像，可填写本地或网络图片链接，或者"none"（不显示头像）
     "user_avatar": "default", // 用户头像，可填写本地或网络图片链接，或者"none"（不显示头像）
 

locale/en_US.json

@@ -1,17 +1,22 @@
 {
+    "川虎Chat 🚀": "Chuanhu Chat 🚀",
+    "川虎Chat": "Chuanhu Chat",
     "未命名对话历史记录": "Unnamed Dialog History",
     "在这里输入": "Type in here",
     "🧹 新的对话": "🧹 New Dialogue",
     "🔄 重新生成": "🔄 Regeneration",
     "🗑️ 删除最旧对话": "🗑️ Delete oldest dialog",
     "🗑️ 删除最新对话": "🗑️ Delete latest dialog",
+    "🗑️ 删除": "🗑️ Delete",
+    "重新生成": "Regenerate",
+    "删除这轮问答": "Delete this round of Q&A",
     "模型": "Model",
     "多账号模式已开启，无需输入key，可直接开始对话": "Multi-account mode is enabled, no need to enter key, you can start the dialogue directly",
     "**发送消息** 或 **提交key** 以显示额度": "**Send message** or **Submit key** to display credit",
     "选择模型": "Select Model",
     "选择LoRA模型": "Select LoRA Model",
     "实时传输回答": "Stream output",
-    "单轮对话": "Single-turn dialogue",
+    "单轮对话": "Single-turn",
     "使用在线搜索": "Use online search",
     "选择回复语言（针对搜索&索引功能）": "Select reply language (for search & index)",
     "上传索引文件": "Upload",
@@ -30,7 +35,10 @@
     "对话历史记录": "Dialog History",
     "💾 保存对话": "💾 Save Dialog",
     "📝 导出为Markdown": "📝 Export as Markdown",
+    "历史记录（JSON）": "History file (JSON)",
+    "导出为 Markdown": "Export as Markdown",
     "默认保存于history文件夹": "Default save in history folder",
+    "下载/上传历史记录": "Download/Upload History",
     "高级": "Advanced",
     "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ Caution: Changes require care. ⚠️",
     "参数": "Parameters",
@@ -43,14 +51,20 @@
     "代理地址": "Proxy address",
     "🔄 设置代理地址": "🔄 Set Proxy Address",
     "🔙 恢复默认网络设置": "🔙 Reset Network Settings",
+    "仅供查看": "For viewing only",
+    "你真的要删除 ": "Are you sure you want to delete ",
+    " 吗？": " ?",
+    "重命名该对话": "Rename this chat",
     "🔄 检查更新...": "🔄 Check for Update...",
+    "您使用的就是最新版！": "You are using the latest version!",
+    "正在尝试更新...": "Trying to update...",
     "取消": "Cancel",
     "更新": "Update",
     "详情": "Details",
     "好": "OK",
     "更新成功，请重启本程序": "Updated successfully, please restart this program",
     "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "Update failed, please try [manually updating](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)",
-    "川虎Chat 🚀": "Chuanhu Chat 🚀",
+    "更新失败，请尝试<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手动更新</a>。": "Update failed, please try <a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">manually updating</a>.",
     "开始实时传输回答……": "Start streaming output...",
     "Token 计数: ": "Token Count: ",
     "，本次对话累计消耗了 ": ", Total cost for this dialogue is ",
@@ -81,7 +95,50 @@
     "您的IP区域：": "Your IP region: ",
     "总结": "Summarize",
     "生成内容总结中……": "Generating content summary...",
+    "上传": "Upload",
     "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "Due to the following reasons, Google refuses to provide an answer to PaLM: \n\n",
-    "---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "---\n⚠️ To ensure the security of API-Key, please modify the network settings in the configuration file `config.json`.",
-    "网络参数": "Network parameter"
+    "⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "⚠️ To ensure the security of API-Key, please modify the network settings in the configuration file `config.json`.",
+    "网络": "Network",
+    "暂时未知": "Unknown",
+
+    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "Insufficient remaining quota, [learn more](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
+    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)": "You do not have permission to access GPT-4, [learn more](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)",
+    "请查看 config_example.json，配置 Azure OpenAI": "Please review config_example.json to configure Azure OpenAI",
+
+    "微调": "Fine-tuning",
+    "训练状态": "Training Status",
+    "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使��教程#微调-gpt-35)": "View the [usage guide](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35) for more details",
+    "准备数据集": "Prepare Dataset",
+    "数据集预览": "Dataset Preview",
+    "选择数据集": "Select Dataset",
+    "上传到OpenAI": "Upload to OpenAI",
+    "文件ID": "File ID",
+    "上传到 OpenAI 后自动填充": "Automatically filled after uploading to OpenAI",
+    "模型名称后缀": "Model Name Suffix",
+    "可选，用于区分不同的模型": "Optional, used to distinguish different models",
+    "训练轮数（Epochs）": "Training Epochs",
+    "开始训练": "Start Training",
+    "状态": "Status",
+    "刷新状态": "Refresh Status",
+    "取消所有任务": "Cancel All Tasks",
+    "添加训练好的模型到模型列表": "Add trained model to the model list",
+
+    "设置": "Settings",
+    "训练": "Training",
+    "工具箱": "Toolbox",
+    "对话": "Dialogue",
+    "拓展": "Extensions",
+    "上传文件": "Upload files",
+    "知识库": "Knowledge base",
+    "知识库文件": "Knowledge base files",
+    "在工具箱中管理知识库文件": "Manage knowledge base files in the toolbox",
+    "在线搜索": "Web search",
+    "关于": "About",
+    "新对话 ": "New Chat ",
+    "搜索（支持正则）...": "Search (supports regex)...",
+
+    "对话命名方式": "History naming method",
+    "根据日期时间": "By date and time",
+    "第一条提问": "By first question",
+    "模型自动总结（消耗tokens）": "Auto summary by LLM (Consume tokens)"
 }

locale/ja_JP.json

@@ -1,10 +1,15 @@
 {
+    "川虎Chat 🚀": "川虎Chat 🚀",
+    "川虎Chat": "川虎Chat",
     "未命名对话历史记录": "名無しの会話履歴",
     "在这里输入": "ここに入力",
     "🧹 新的对话": "🧹 新しい会話",
     "🔄 重新生成": "🔄 再生成",
     "🗑️ 删除最旧对话": "🗑️ 最古の会話削除",
     "🗑️ 删除最新对话": "🗑️ 最新の会話削除",
+    "🗑️ 删除": "🗑️ 削除",
+    "重新生成": "再生成",
+    "删除这轮问答": "この質疑応答を削除",
     "模型": "LLMモデル",
     "多账号模式已开启，无需输入key，可直接开始对话": "複数アカウントモードがオンになっています。キーを入力する必要はありません。会話を開始できます",
     "**发送消息** 或 **提交key** 以显示额度": "**メッセージを送信** または **キーを送信** して、クレジットを表示します",
@@ -30,7 +35,10 @@
     "对话历史记录": "会話履歴",
     "💾 保存对话": "💾 会話を保存",
     "📝 导出为Markdown": "📝 Markdownでエクスポート",
+    "历史记录（JSON）": "履歴ファイル（JSON）",
+    "导出为 Markdown": "Markdownでエクスポート",
     "默认保存于history文件夹": "デフォルトでhistoryフォルダに保存されます",
+    "下载/上传历史记录": "履歴をダウンロード/アップロード",
     "高级": "Advanced",
     "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ 変更には慎重に ⚠️",
     "参数": "パラメータ",
@@ -43,14 +51,20 @@
     "代理地址": "プロキシアドレス",
     "🔄 设置代理地址": "🔄 プロキシアドレスを設定",
     "🔙 恢复默认网络设置": "🔙 ネットワーク設定のリセット",
+    "仅供查看": "閲覧専用",
+    "你真的要删除 ": "本当に ",
+    " 吗？": " を削除してもよろしいですか？",
+    "重命名该对话": "会話の名前を変更",
     "🔄 检查更新...": "🔄 アップデートをチェック...",
+    "您使用的就是最新版！": "最新バージョンを使用しています！",
+    "正在尝试更新...": "更新を試みています...",
     "取消": "キャンセル",
     "更新": "アップデート",
     "详情": "詳細",
     "好": "はい",
     "更新成功，请重启本程序": "更新が成功しました、このプログラムを再起動してください",
     "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "更新に失敗しました、[手動での更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)をお試しください。",
-    "川虎Chat 🚀": "川虎Chat 🚀",
+    "更新失败，请尝试<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手动更新</a>。": "更新に失敗しました、<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手動での更新</a>をお試しください。",
     "开始实时传输回答……": "ストリーム出力開始……",
     "Token 计数: ": "Token数: ",
     "，本次对话累计消耗了 ": ", 今の会話で消費合計 ",
@@ -81,7 +95,50 @@
     "您的IP区域：": "あなたのIPアドレス地域：",
     "总结": "要約する",
     "生成内容总结中……": "コンテンツ概要を生成しています...",
+    "上传": "アップロード",
     "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "Googleは以下の理由から、PaLMの回答を返すことを拒否しています:\n\n",
-    "---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "---\n⚠️ APIキーの安全性を確保するために、`config.json`ファイルでネットワーク設定を変更してください。",
-    "网络参数": "ネットワークパラメータ"
+    "⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "⚠️ APIキーの安全性を確保するために、`config.json`ファイルでネットワーク設定を変更してください。",
+    "网络": "ネットワーク",
+    "暂时未知": "しばらく不明である",
+
+    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "残りのクォータが不足しています、[詳細はこちら](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
+    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)": "GPT-4にアクセス権がありません、[詳細はこちら](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)",
+    "请查看 config_example.json，配置 Azure OpenAI": "Azure OpenAIの設定については、config_example.jsonをご覧ください",
+
+    "微调": "ファインチューニング",
+    "训练状态": "トレーニングステータス",
+    "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)": "[使用ガイド](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)を表示",
+    "准备数据集": "データセットの準備",
+    "数据集预览": "データセットのプレビュー",
+    "选择数据集": "データセットの選択",
+    "上传到OpenAI": "OpenAIへのアップロード",
+    "文件ID": "ファイルID",
+    "上传到 OpenAI 后自动填充": "OpenAIへのアップロード後、自動的に入力されます",
+    "模型名称后缀": "モデル名のサフィックス",
+    "可选，用于区分不同的模型": "オプション、異なるモデルを区別するために使用",
+    "训练轮数（Epochs）": "トレーニングエポック数",
+    "开始训练": "トレーニングを開始",
+    "状态": "ステータス",
+    "刷新状态": "ステータスを更新",
+    "取消所有任务": "すべてのタスクをキャンセル",
+    "添加训练好的模型到模型列表": "トレーニング済みモデルをモデルリストに追加",
+
+    "设置": "設定",
+    "训练": "トレーニング",
+    "工具箱": "ツールボックス",
+    "对话": "会話",
+    "拓展": "拡張",
+    "上传文件": "ファイルをアップロード",
+    "知识库": "ナレッジベース",
+    "知识库文件": "ナレッジベースファイル",
+    "在工具箱中管理知识库文件": "ツールボックスでナレッジベースファイルの管理を行う",
+    "在线搜索": "オンライン検索",
+    "关于": "について",
+    "新对话 ": "新しい会話 ",
+    "搜索（支持正则）...": "検索（正規表現をサポート）...",
+
+    "对话命名方式": "会話の命名方法",
+    "根据日期时间": "日付と時刻に基づいて",
+    "第一条提问": "最初の質問",
+    "模型自动总结（消耗tokens）": "モデルによる自動要約（トークン消費）"
 }

locale/ko_KR.json

@@ -1,4 +1,6 @@
 {
+    "川虎Chat 🚀": "Chuanhu Chat 🚀",
+    "川虎Chat": "Chuanhu Chat",
     "未命名对话历史记录": "이름없는 대화 기록",
     "在这里输入": "여기에 입력하세요",
     "🧹 新的对话": "🧹 새로운 대화",
@@ -6,6 +8,8 @@
     "🗑️ 删除最旧对话": "🗑️ 가장 오래된 대화 삭제",
     "🗑️ 删除最新对话": "🗑️ 최신 대화 삭제",
     "🗑️ 删除": "🗑️ 삭제",
+    "重新生成": "재생성",
+    "删除这轮问答": "이 라운드의 질문과 답변 삭제",
     "模型": "LLM 모델",
     "多账号模式已开启，无需输入key，可直接开始对话": "다중 계정 모드가 활성화되어 있으므로 키를 입력할 필요가 없이 바로 대화를 시작할 수 있습니다",
     "**发送消息** 或 **提交key** 以显示额度": "**메세지를 전송** 하거나 **Key를 입력**하여 크레딧 표시",
@@ -31,7 +35,10 @@
     "对话历史记录": "대화 기록",
     "💾 保存对话": "💾 대화 저장",
     "📝 导出为Markdown": "📝 마크다운으로 내보내기",
+    "历史记录（JSON）": "기록 파일 (JSON)",
+    "导出为 Markdown": "마크다운으로 내보내기",
     "默认保存于history文件夹": "히스토리 폴더에 기본 저장",
+    "下载/上传历史记录": "기록 다운로드/업로드",
     "高级": "고급",
     "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ 주의: 변경시 주의하세요. ⚠️",
     "参数": "파라미터들",
@@ -44,14 +51,20 @@
     "代理地址": "프록시 주소",
     "🔄 设置代理地址": "🔄 프록시 주소 설정",
     "🔙 恢复默认网络设置": "🔙 네트워크 설정 초기화",
+    "仅供查看": "읽기 전용",
+    "你真的要删除 ": "정말로 ",
+    " 吗？": " 을(를) 삭제하시겠습니까?",
+    "重命名该对话": "대화 이름 변경",
     "🔄 检查更新...": "🔄 업데이트 확인...",
+    "您使用的就是最新版！": "최신 버전을 사용하고 있습니다!",
+    "正在尝试更新...": "업데이트를 시도 중...",
     "取消": "취소",
     "更新": "업데이트",
     "详情": "상세",
     "好": "예",
     "更新成功，请重启本程序": "업데이트 성공, 이 프로그램을 재시작 해주세요",
     "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "업데이트 실패, [수동 업데이트](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)를 시도하십시오",
-    "川虎Chat 🚀": "Chuanhu Chat 🚀",
+    "更新失败，请尝试<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手动更新</a>。": "업데이트 실패, <a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">수동 업데이트</a>를 시도하십시오.",
     "开始实时传输回答……": "실시간 응답 출력 시작...",
     "Token 计数: ": "토큰 수: ",
     "，本次对话累计消耗了 ": "，이 대화의 전체 비용은 ",
@@ -84,6 +97,48 @@
     "生成内容总结中……": "콘텐츠 요약 생성중...",
     "上传": "업로드",
     "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "구글은 다음과 같은 이유로 인해 PaLM의 응답을 거부합니다: \n\n",
-    "---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "---\n⚠️ API-Key의 안전을 보장하기 위해 네트워크 설정을 `config.json` 구성 파일에서 수정해주세요.",
-    "网络参数": "네트워크 매개변수"
+    "⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "⚠️ API-Key의 안전을 보장하기 위해 네트워크 설정을 `config.json` 구성 파일에서 수정해주세요.",
+    "网络": "네트워크",
+    "暂时未知": "알 수 없음",
+
+    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "남은 할당량이 부족합니다. [자세히 알아보기](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
+    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)": "GPT-4에 접근 권한이 없습니다. [자세히 알아보기](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)",
+    "请查看 config_example.json，配置 Azure OpenAI": "Azure OpenAI 설정을 확인하세요",
+
+    "微调": "미세 조정",
+    "训练状态": "훈련 상태",
+    "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)": "[사용 가이드](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35) 보기",
+    "准备数据集": "데이터셋 준비",
+    "数据集预览": "데이터셋 미리보기",
+    "选择数据集": "데이터셋 선택",
+    "上传到OpenAI": "OpenAI로 업로드",
+    "文件ID": "파일 ID",
+    "上传到 OpenAI 后自动填充": "OpenAI로 업로드한 후 자동으로 채워집니다",
+    "模型名称后缀": "모델 이름 접미사",
+    "可选，用于区分不同的模型": "선택 사항, 다른 모델을 구분하는 데 사용",
+    "训练轮数（Epochs）": "훈련 라운드(Epochs)",
+    "开始训练": "훈련 시작",
+    "状态": "상태",
+    "刷新状态": "상태 새로 고침",
+    "取消所有任务": "모든 작업 취소",
+    "添加训练好的模型到模型列表": "훈련된 모델을 모델 목록에 추가",
+
+    "设置": "설정",
+    "训练": "훈련",
+    "工具箱": "도구 상자",
+    "对话": "대화",
+    "拓展": "확장",
+    "上传文件": "파일 업로드",
+    "知识库": "지식 라이브러리",
+    "知识库文件": "지식 라이브러리 파일",
+    "在工具箱中管理知识库文件": "지식 라이브러리 파일을 도구 상자에서 관리",
+    "在线搜索": "온라인 검색",
+    "关于": "관련",
+    "新对话 ": "새 대화 ",
+    "搜索（支持正则）...": "검색 (정규식 지원)...",
+
+    "对话命名方式": "대화 이름 설정",
+    "根据日期时间": "날짜 및 시간 기준",
+    "第一条提问": "첫 번째 질문",
+    "模型自动总结（消耗tokens）": "모델에 의한 자동 요약 (토큰 소비)"
 }

locale/ru_RU.json

@@ -1,27 +1,26 @@
 {
+    "川虎Chat 🚀": "Chuanhu Чат 🚀",
+    "川虎Chat": "Chuanhu Чат",
     "未命名对话历史记录": "Безымянная история диалога",
-    "取消": "Отмена",
-    "更新": "Обновить",
-    "详情": "Подробности",
-    "好": "Хорошо",
     "在这里输入": "Введите здесь",
     "🧹 新的对话": "🧹 Новый диалог",
     "🔄 重新生成": "🔄 Пересоздать",
     "🗑️ 删除最旧对话": "🗑️ Удалить старейший диалог",
     "🗑️ 删除最新对话": "🗑️ Удалить последний диалог",
-    "👍": "👍",
-    "👎": "👎",
+    "🗑️ 删除": "🗑️ Удалить",
+    "重新生成": "Пересоздать",
+    "删除这轮问答": "Удалить этот раунд вопросов и ответов",
     "模型": "Модель",
     "多账号模式已开启，无需输入key，可直接开始对话": "Режим множественных аккаунтов включен, не требуется ввод ключа, можно сразу начать диалог",
-    "发送消息 或 提交key 以显示额度": "Отправьте сообщение или предоставьте ключ для отображения доступного количества",
+    "**发送消息** 或 **提交key** 以显示额度": "**Отправить сообщение** или **отправить ключ** для отображения лимита",
     "选择模型": "Выберите модель",
     "选择LoRA模型": "Выберите модель LoRA",
+    "实时传输回答": "Передача ответа в реальном времени",
     "单轮对话": "Одиночный диалог",
     "使用在线搜索": "Использовать онлайн-поиск",
     "选择回复语言（针对搜索&索引功能）": "Выберите язык ответа (для функций поиска и индексации)",
-    "上传": "Загрузить",
+    "上传索引文件": "Загрузить конфиг",
     "双栏pdf": "Двухколоночный PDF",
-    "总结": "Подведение итога",
     "识别公式": "Распознавание формул",
     "在这里输入System Prompt...": "Введите здесь системное подсказку...",
     "加载Prompt模板": "Загрузить шаблон Prompt",
@@ -31,50 +30,53 @@
     "保存/加载": "Сохранить/загрузить",
     "保存/加载对话历史记录": "Сохранить/загрузить историю диалога",
     "从列表中加载对话": "Загрузить диалог из списка",
-    "🗑️ 删除": "🗑️ Удалить",
     "设置文件名: 默认为.json，可选为.md": "Установить имя файла: по умолчанию .json, можно выбрать .md",
     "设置保存文件名": "Установить имя сохраняемого файла",
     "对话历史记录": "История диалога",
     "💾 保存对话": "💾 Сохранить диалог",
     "📝 导出为Markdown": "📝 Экспортировать в Markdown",
+    "历史记录（JSON）": "Файл истории (JSON)",
+    "导出为 Markdown": "Экспортировать в Markdown",
     "默认保存于history文件夹": "По умолчанию сохраняется в папку history",
-    "微调": "Своя модель",
-    "训练状态": "Статус обучения",
-    "在这里[查看使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B#%E5%BE%AE%E8%B0%83-gpt-35)": "[Здесь](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B#%E5%BE%AE%E8%B0%83-gpt-35) можно ознакомиться с инструкцией по использованию",
-    "准备数据集": "Подготовка набора данных",
-    "数据集预览": "Предпросмотр набора данных",
-    "选择数据集": "Выберите набор данных",
-    "上传到OpenAI": "Загрузить в OpenAI",
-    "训练": "Обучение",
-    "文件ID": "Идентификатор файла",
-    "Token 计数: ": "Использованно токенов: ",
-    "，本次对话累计消耗了 ": ", Общая стоимость этого диалога составляет ",
-    "上传到 OpenAI 后自动填充": "Автоматическое заполнение после загрузки в OpenAI",
-    "模型名称后缀": "Суффикс имени модели",
-    "可选，用于区分不同的模型": "Необязательно, используется для различения разных моделей",
-    "训练轮数（Epochs）": "Количество эпох обучения",
-    "开始训练": "Начать обучение",
-    "状���": "Статус",
-    "刷新状态": "Обновить статус",
-    "取消所有任务": "Отменить все задачи",
-    "添加训练好的模型到模型列表": "Добавить обученную модель в список моделей",
+    "下载/上传历史记录": "Загрузить/загрузить историю",
     "高级": "Расширенные настройки",
-    "切换亮暗色主题": "Переключить светлую/темную тему",
-    "实时传输回答": "Передача ответа в реальном времени",
-    "🔄 检查更新...": "🔄 Проверить обновления...",
     "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ ВНИМАНИЕ: ИЗМЕНЯЙТЕ ОСТОРОЖНО ⚠️",
     "参数": "Параметры",
     "停止符，用英文逗号隔开...": "Разделительные символы, разделенные запятой...",
     "用于定位滥用行为": "Используется для выявления злоупотреблений",
     "用户名": "Имя пользователя",
-    "网络参数": "Параметры сети",
-    "---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "---\n⚠️ Для обеспечения безопасности API-Key, измените настройки сети в файле конфигурации `config.json`",
-    "🔙 恢复默认网络设置": "🔙 Восстановить настройки сети по умолчанию",
+    "在这里输入API-Host...": "Введите API-хост здесь...",
+    "🔄 切换API地址": "🔄 Переключить адрес API",
     "未设置代理...": "Прокси не настроен...",
     "代理地址": "Адрес прокси",
     "🔄 设置代理地址": "🔄 Установить адрес прокси",
-    "🔄 切换API地址": "🔄 Переключить адрес API",
-    "川虎Chat 🚀": "Chuanhu Чат 🚀",
+    "🔙 恢复默认网络设置": "🔙 Восстановить настройки сети по умолчанию",
+    "仅供查看": "Только для просмотра",
+    "你真的要删除 ": "Вы уверены, что хотите удалить ",
+    " 吗？": " ?",
+    "重命名该对话": "Переименовать этот диалог",
+    "🔄 检查更新...": "🔄 Проверить обновления...",
+    "您使用的就是最新版！": "Вы используете последнюю версию!",
+    "正在尝试更新...": "Попытка обновления...",
+    "取消": "Отмена",
+    "更新": "Обновить",
+    "详情": "Подробности",
+    "好": "Хорошо",
+    "更新成功，请重启本程序": "Обновление успешно, пожалуйста, перезапустите программу",
+    "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "Обновление не удалось, пожалуйста, попробуйте обновить вручную",
+    "更新失败，请尝试<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手动更新</a>。": "Обновление не удалось, попробуйте <a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">обновление вручную</a>.",
+    "开始实时传输回答……": "Начните трансляцию ответов в режиме реального времени...",
+    "Token 计数: ": "Использованно токенов: ",
+    "，本次对话累计消耗了 ": ", Общая стоимость этого диалога составляет ",
+    "**获取API使用情况失败**": "**Не удалось получить информацию об использовании API**",
+    "**获取API使用情况失败**，sensitive_id错误或已过期": "**Не удалось получить информацию об использовании API**, ошибка sensitive_id или истек срок действия",
+    "**获取API使用情况失败**，需在填写`config.json`中正确填写sensitive_id": "**Не удалось получить информацию об использовании API**, необходимо правильно заполнить sensitive_id в `config.json`",
+    "**本月使用金额** ": "**Использовано средств в этом месяце**",
+    "本月使用金额": "Использовано средств в этом месяце",
+    "获取API使用情况失败:": "Не удалось получитьAPIинформацию об использовании:",
+    "API密钥更改为了": "Ключ API изменен на",
+    "JSON解析错误,收到的内容: ": "Ошибка анализа JSON, полученный контент:",
+    "模型设置为了：": "Модель настроена на:",
     "☹️发生了错误：": "☹️ Произошла ошибка:",
     "获取对话时发生错误，请查看后台日志": "Возникла ошибка при получении диалога, пожалуйста, проверьте журналы",
     "请检查网络连接，或者API-Key是否有效。": "Проверьте подключение к сети или действительность API-Key.",
@@ -85,30 +87,58 @@
     "API key为空，请检查是否输入正确。": "Пустой API-Key, пожалуйста, проверьте правильность ввода.",
     "请输入对话内容。": "Пожалуйста, введите содержание диалога.",
     "账单信息不适用": "Информация о счете не применима",
-    "由Bilibili 土川虎虎虎、明昭MZhao 和 Keldos 开发\n访问川虎Chat的 GitHub项目 下载最新版脚本": "Разработано Bilibili 土川虎虎虎, 明昭MZhao и Keldos\nПосетите проект GitHub для доступа к последней версии скрипта ChuanhuChat",
-    "暂时未知": "Временно неизвестно",
+    "由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536)、[明昭MZhao](https://space.bilibili.com/24807452) 和 [Keldos](https://github.com/Keldos-Li) 开发<br />访问川虎Chat的 [GitHub项目](https://github.com/GaiZhenbiao/ChuanhuChatGPT) 下载最新版脚本": "Разработано [土川虎虎虎](https://space.bilibili.com/29125536), [明昭MZhao](https://space.bilibili.com/24807452) и [Keldos](https://github.com/Keldos-Li).<br />посетите [GitHub Project](https://github.com/GaiZhenbiao/ChuanhuChatGPT) чата Chuanhu, чтобы загрузить последнюю версию скрипта",
+    "切换亮暗色主题": "Переключить светлую/темную тему",
     "您的IP区域：未知。": "Ваша IP-зона: неизвестно.",
     "获取IP地理位置失败。原因：": "Не удалось получить географическое положение IP. Причина:",
     "。你仍然可以使用聊天功能。": ". Вы все равно можете использовать функцию чата.",
     "您的IP区域：": "Ваша IP-зона:",
-    "更新成功，请重启本程序": "Обновление успешно, пожалуйста, перезапустите программу",
-    "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "Обновление не удалось, пожалуйста, попробуйте обновить вручную",
-    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "Недостаточно остаточного квоты, [подробнее](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
-    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843": "У вас нет доступа к GPT4, подробнее",
-    "请查看 config_example.json，配置 Azure OpenAI": "Пожалуйста, просмотрите config_example.json для настройки Azure OpenAI",
-    "**发送消息** 或 **提交key** 以显示额度": "**Отправить сообщение** или **отправить ключ** для отображения лимита",
-    "**本月使用金额** ": "**Использовано средств в этом месяце**",
-    "**获取API使用情况失败**": "**Не удалось получить информацию об использовании API**",
-    "**获取API使用情况失败**，sensitive_id错误或已过期": "**Не удалось получить информацию об использовании API**, ошибка sensitive_id или истек срок действия",
-    "**获取API使用情况失败**，需在填写`config.json`中正确填写sensitive_id": "**Не удалось получить информацию об использовании API**, необходимо правильно заполнить sensitive_id в `config.json`",
-    "JSON解析错误,收到的内容: ": "Ошибка анализа JSON, полученный контент:",
-    "由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536)、[明昭MZhao](https://space.bilibili.com/24807452) 和 [Keldos](https://github.com/Keldos-Li) 开发<br />访问川虎Chat的 [GitHub项目](https://github.com/GaiZhenbiao/ChuanhuChatGPT) 下载最新版脚本": "Перевод: 由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536)、[明昭MZhao](https://space.bilibili.com/24807452) и [Keldos](https://github.com/Keldos-Li) 开发<br />访问川虎Chat的 [GitHub项目](https://github.com/GaiZhenbiao/ChuanhuChatGPT) Загрузите последнюю версию программы",
-    "模型设置为了：": "Модель настроена на:",
-    "API密钥更改为了": "Ключ API изменен на",
+    "总结": "Подведение итога",
     "生成内容总结中……": "Создание сводки контента...",
-    "上传索引文件": "Загрузить конфиг",
-    "在这里输入API-Host...": "Введите API-хост здесь...",
-    "获取API使用情况失败:": "Не удалось получитьAPIинформацию об использовании:",
-    "开始实时传输回答……": "Начните трансляцию ответов в режиме реального времени...",
-    "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "Google отказался вернуть ответ PaLM по следующим причинам:\n\n"
+    "上传": "Загрузить",
+    "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "Google отказался вернуть ответ PaLM по следующим причинам:\n\n",
+    "⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "⚠️ Для обеспечения безопасности API-Key, измените настройки сети в файле конфигурации `config.json`",
+    "网络": "Параметры сети",
+    "暂时未知": "Временно неизвестно",
+
+    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "Недостаточно остаточного квоты, [подробнее](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
+    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)": "У вас нет доступа к GPT4, [подробнее](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)",
+    "请查看 config_example.json，配置 Azure OpenAI": "Пожалуйста, просмотрите config_example.json для настройки Azure OpenAI",
+
+    "微调": "Своя модель",
+    "训练状态": "Статус обучения",
+    "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)": "[Здесь](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35) можно ознакомиться с инструкцией по использованию",
+    "准备数据集": "Подготовка набора данных",
+    "数据集预览": "Предпросмотр набора данных",
+    "选择数据集": "Выберите набор данных",
+    "上传到OpenAI": "Загрузить в OpenAI",
+    "文件ID": "Идентификатор файла",
+    "上传到 OpenAI 后自动填充": "Автоматическое заполнение после загрузки в OpenAI",
+    "模型名称后缀": "Суффикс имени модели",
+    "可选，用于区分不同的模型": "Необязательно, используется для различения разных моделей",
+    "训练轮数（Epochs）": "Количество эпох обучения",
+    "开始训练": "Начать обучение",
+    "状态": "Статус",
+    "刷新状态": "Обновить статус",
+    "取消所有任务": "Отменить все задачи",
+    "添加训练好的模型到模型列表": "Добавить обученную модель в список моделей",
+
+    "设置": "Настройки",
+    "训练": "Обучение",
+    "工具箱": "Инструменты",
+    "对话": "Диалог",
+    "拓展": "Расширенные настройки",
+    "上传文件": "Загрузить файл",
+    "知识库": "База знаний",
+    "知识库文件": "Файл базы знаний",
+    "在工具箱中管理知识库文件": "Управление файлами базы знаний в инструментах",
+    "在线搜索": "Онлайн-поиск",
+    "关于": "О программе",
+    "新对话 ": "Новый диалог ",
+    "搜索（支持正则）...": "Поиск (поддержка регулярности)...",
+
+    "对话命名方式": "Способ названия диалога",
+    "根据日期时间": "По дате и времени",
+    "第一条提问": "Первый вопрос",
+    "模型自动总结（消耗tokens）": "Автоматическое подведение итогов модели (потребление токенов)"
 }

locale/sv_SE.json

@@ -1,87 +1,144 @@
-{  
-    "未命名对话历史记录": "Onämnd Dialoghistorik",  
-    "在这里输入": "Skriv in här",  
-    "🧹 新的对话": "🧹 Ny Dialog",  
-    "🔄 重新生成": "🔄 Regenerera",  
-    "🗑️ 删除最旧对话": "🗑️ Ta bort äldsta dialogen",  
-    "🗑️ 删除最新对话": "🗑️ Ta bort senaste dialogen",  
-    "模型": "Modell",  
-    "多账号模式已开启，无需输入key，可直接开始对话": "Flerkontoläge är aktiverat, ingen nyckel behövs, du kan starta dialogen direkt",  
-    "**发送消息** 或 **提交key** 以显示额度": "**Skicka meddelande** eller **Skicka in nyckel** för att visa kredit",  
-    "选择模型": "Välj Modell",  
-    "选择LoRA模型": "Välj LoRA Modell",  
-    "实时传输回答": "Strömmande utdata",  
-    "单轮对话": "Enkel dialog",  
-    "使用在线搜索": "Använd online-sökning",  
-    "选择回复语言（针对搜索&索引功能）": "Välj svarspråk (för sök- och indexfunktion)",  
-    "上传索引文件": "Ladda upp",  
-    "双栏pdf": "Två-kolumns pdf",  
-    "识别公式": "Formel OCR",  
-    "在这里输入System Prompt...": "Skriv in System Prompt här...",  
-    "加载Prompt模板": "Ladda Prompt-mall",  
-    "选择Prompt模板集合文件": "Välj Prompt-mall Samlingsfil",  
-    "🔄 刷新": "🔄 Uppdatera",  
-    "从Prompt模板中加载": "Ladda från Prompt-mall",  
-    "保存/加载": "Spara/Ladda",  
-    "保存/加载对话历史记录": "Spara/Ladda Dialoghistorik",  
-    "从列表中加载对话": "Ladda dialog från lista",  
-    "设置文件名: 默认为.json，可选为.md": "Ställ in filnamn: standard är .json, valfritt är .md",  
-    "设置保存文件名": "Ställ in sparfilnamn",  
-    "对话历史记录": "Dialoghistorik",  
-    "💾 保存对话": "💾 Spara Dialog",  
-    "📝 导出为Markdown": "📝 Exportera som Markdown",  
-    "默认保存于history文件夹": "Sparas som standard i mappen history",  
-    "高级": "Avancerat",  
-    "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ Var försiktig med ändringar. ⚠️",  
-    "参数": "Parametrar",  
-    "停止符，用英文逗号隔开...": "Skriv in stopptecken här, separerade med kommatecken...",  
-    "用于定位滥用行为": "Används för att lokalisera missbruk",  
-    "用户名": "Användarnamn",  
-    "在这里输入API-Host...": "Skriv in API-Host här...",  
-    "🔄 切换API地址": "🔄 Byt API-adress",  
-    "未设置代理...": "Inte inställd proxy...",  
-    "代理地址": "Proxyadress",  
-    "🔄 设置代理地址": "🔄 Ställ in Proxyadress",  
-    "🔙 恢复网络默认设置": "🔙 Återställ Nätverksinställningar",  
-    "🔄 检查更新...": "🔄 Sök efter uppdateringar...",  
-    "取消": "Avbryt",  
-    "更新": "Uppdatera",  
-    "详情": "Detaljer",  
-    "好": "OK",  
+{
+    "川虎Chat 🚀": "Chuanhu Chat 🚀",
+    "川虎Chat": "Chuanhu Chat",
+    "未命名对话历史记录": "Onämnd Dialoghistorik",
+    "在这里输入": "Skriv in här",
+    "🧹 新的对话": "🧹 Ny Dialog",
+    "🔄 重新生成": "🔄 Regenerera",
+    "🗑️ 删除最旧对话": "🗑️ Ta bort äldsta dialogen",
+    "🗑️ 删除最新对话": "🗑️ Ta bort senaste dialogen",
+    "🗑️ 删除": "🗑️ Ta bort",
+    "重新生成": "Återgenerera",
+    "删除这轮问答": "Ta bort denna omgång av Q&A",
+    "模型": "Modell",
+    "多账号模式已开启，无需输入key，可直接开始对话": "Flerkontoläge är aktiverat, ingen nyckel behövs, du kan starta dialogen direkt",
+    "**发送消息** 或 **提交key** 以显示额度": "**Skicka meddelande** eller **Skicka in nyckel** för att visa kredit",
+    "选择模型": "Välj Modell",
+    "选择LoRA模型": "Välj LoRA Modell",
+    "实时传输回答": "Strömmande utdata",
+    "单轮对话": "Enkel dialog",
+    "使用在线搜索": "Använd online-sökning",
+    "选择回复语言（针对搜索&索引功能）": "Välj svarspråk (för sök- och indexfunktion)",
+    "上传索引文件": "Ladda upp",
+    "双栏pdf": "Två-kolumns pdf",
+    "识别公式": "Formel OCR",
+    "在这里输入System Prompt...": "Skriv in System Prompt här...",
+    "加载Prompt模板": "Ladda Prompt-mall",
+    "选择Prompt模板集合文件": "Välj Prompt-mall Samlingsfil",
+    "🔄 刷新": "🔄 Uppdatera",
+    "从Prompt模板中加载": "Ladda från Prompt-mall",
+    "保存/加载": "Spara/Ladda",
+    "保存/加载对话历史记录": "Spara/Ladda Dialoghistorik",
+    "从列表中加载对话": "Ladda dialog från lista",
+    "设置文件名: 默认为.json，可选为.md": "Ställ in filnamn: standard är .json, valfritt är .md",
+    "设置保存文件名": "Ställ in sparfilnamn",
+    "对话历史记录": "Dialoghistorik",
+    "💾 保存对话": "💾 Spara Dialog",
+    "📝 导出为Markdown": "📝 Exportera som Markdown",
+    "历史记录（JSON）": "Historikfil (JSON)",
+    "��出为 Markdown": "Exportera som Markdown",
+    "默认保存于history文件夹": "Sparas som standard i mappen history",
+    "下载/上传历史记录": "Ladda ner/ladda upp historik",
+    "高级": "Avancerat",
+    "# ⚠️ 务必谨慎更改 ⚠️": "# ⚠️ Var försiktig med ändringar. ⚠️",
+    "参数": "Parametrar",
+    "停止符，用英文逗号隔开...": "Skriv in stopptecken här, separerade med kommatecken...",
+    "用于定位滥用行为": "Används för att lokalisera missbruk",
+    "用户名": "Användarnamn",
+    "在这里输入API-Host...": "Skriv in API-Host här...",
+    "🔄 切换API地址": "🔄 Byt API-adress",
+    "未设置代理...": "Inte inställd proxy...",
+    "代理地址": "Proxyadress",
+    "🔄 设置代理地址": "🔄 Ställ in Proxyadress",
+    "🔙 恢复网络默认设置": "🔙 Återställ Nätverksinställningar",
+    "仅供查看": "Endast för visning",
+    "你真的要删除 ": "Är du säker på att du vill ta bort ",
+    " 吗？": " ?",
+    "重命名该对话": "Byt namn på dialogen",
+    "🔄 检查更新...": "🔄 Sök efter uppdateringar...",
+    "您使用的就是最新版！": "Du använder den senaste versionen!",
+    "正在尝试更新...": "Försöker uppdatera...",
+    "取消": "Avbryt",
+    "更新": "Uppdatera",
+    "详情": "Detaljer",
+    "好": "OK",
     "更新成功，请重启本程序": "Uppdaterat framgångsrikt, starta om programmet",
     "更新失败，请尝试[手动更新](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)": "Uppdateringen misslyckades, prova att [uppdatera manuellt](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新)",
-    "川虎Chat 🚀": "Chuanhu Chat 🚀",  
-    "开始实时传输回答……": "Börjar strömma utdata...",  
-    "Token 计数: ": "Tokenräkning: ",  
-    "，本次对话累计消耗了 ": ", Total kostnad för denna dialog är ",  
-    "**获取API使用情况失败**": "**Misslyckades med att hämta API-användning**",  
-    "**获取API使用情况失败**，需在填写`config.json`中正确填写sensitive_id": "**Misslyckades med att hämta API-användning**, korrekt sensitive_id behövs i `config.json`",  
-    "**获取API使用情况失败**，sensitive_id错误或已过期": "**Misslyckades med att hämta API-användning**, felaktig eller utgången sensitive_id",  
-    "**本月使用金额** ": "**Månadens användning** ",  
-    "本月使用金额": "Månadens användning",  
-    "获取API使用情况失败:": "Misslyckades med att hämta API-användning:",  
-    "API密钥更改为了": "API-nyckeln har ändrats till",  
-    "JSON解析错误,收到的内容: ": "JSON-tolkningsfel, mottaget innehåll: ",  
-    "模型设置为了：": "Modellen är inställd på: ",  
-    "☹️发生了错误：": "☹️Fel: ",  
-    "获取对话时发生错误，请查看后台日志": "Ett fel uppstod när dialogen hämtades, kontrollera bakgrundsloggen",  
-    "请检查网络连接，或者API-Key是否有效。": "Kontrollera nätverksanslutningen eller om API-nyckeln är giltig.",  
-    "连接超时，无法获取对话。": "Anslutningen tog för lång tid, kunde inte hämta dialogen.",  
-    "读取超时，无法获取对话。": "Läsningen tog för lång tid, kunde inte hämta dialogen.",  
-    "代理错误，无法获取对话。": "Proxyfel, kunde inte hämta dialogen.",  
-    "SSL错误，无法获取对话。": "SSL-fel, kunde inte hämta dialogen.",  
-    "API key为空，请检查是否输入正确。": "API-nyckeln är tom, kontrollera om den är korrekt inmatad.",  
-    "请输入对话内容。": "Ange dialoginnehåll.",  
-    "账单信息不适用": "Faktureringsinformation är inte tillämplig",  
-    "由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536)、[明昭MZhao](https://space.bilibili.com/24807452) 和 [Keldos](https://github.com/Keldos-Li) 开发<br />访问川虎Chat的 [GitHub项目](https://github.com/GaiZhenbiao/ChuanhuChatGPT) 下载最新版脚本": "Utvecklad av Bilibili [土川虎虎虎](https://space.bilibili.com/29125536), [明昭MZhao](https://space.bilibili.com/24807452) och [Keldos](https://github.com/Keldos-Li)\n\nLadda ner senaste koden från [GitHub](https://github.com/GaiZhenbiao/ChuanhuChatGPT)",  
-    "切换亮暗色主题": "Byt ljus/mörk tema",  
-    "您的IP区域：未知。": "Din IP-region: Okänd.",  
-    "获取IP地理位置失败。原因：": "Misslyckades med att hämta IP-plats. Orsak: ",  
-    "。你仍然可以使用聊天功能。": ". Du kan fortfarande använda chattfunktionen.",  
-    "您的IP区域：": "Din IP-region: ",  
-    "总结": "Sammanfatta",  
-    "生成内容总结中……": "Genererar innehållssammanfattning...",  
+    "更新失败，请尝试<a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">手动更新</a>。": "Uppdateringen misslyckades, prova att <a href=\"https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新\" target=\"_blank\">uppdatera manuellt</a>.",
+    "开始实时传输回答……": "Börjar strömma utdata...",
+    "Token 计数: ": "Tokenräkning: ",
+    "，本次对话累计消耗了 ": ", Total kostnad för denna dialog är ",
+    "**获取API使用情况失败**": "**Misslyckades med att hämta API-användning**",
+    "**获取API使用情况失败**，需在填写`config.json`中正确填写sensitive_id": "**Misslyckades med att hämta API-användning**, korrekt sensitive_id behövs i `config.json`",
+    "**获取API使用情况失败**，sensitive_id错误或已过期": "**Misslyckades med att hämta API-användning**, felaktig eller utgången sensitive_id",
+    "**本月使用金额** ": "**Månadens användning** ",
+    "本月使用金额": "Månadens användning",
+    "获取API使用情况失败:": "Misslyckades med att hämta API-användning:",
+    "API密钥更改为了": "API-nyckeln har ändrats till",
+    "JSON解析错误,收到的内容: ": "JSON-tolkningsfel, mottaget innehåll: ",
+    "模型设置为了：": "Modellen är inställd på: ",
+    "☹️发生了错误：": "☹️Fel: ",
+    "获取对话时发生错误，请查看后台日志": "Ett fel uppstod när dialogen hämtades, kontrollera bakgrundsloggen",
+    "请检查网络连接，或者API-Key是否有效。": "Kontrollera nätverksanslutningen eller om API-nyckeln är giltig.",
+    "连接超时，无法获取对话。": "Anslutningen tog för lång tid, kunde inte hämta dialogen.",
+    "读取超时，无法获取对话。": "Läsningen tog för lång tid, kunde inte hämta dialogen.",
+    "代理错误，无法获取对话。": "Proxyfel, kunde inte hämta dialogen.",
+    "SSL错误，无法获取对话。": "SSL-fel, kunde inte hämta dialogen.",
+    "API key为空，请检查是否输入正确。": "API-nyckeln är tom, kontrollera om den är korrekt inmatad.",
+    "请输入对话内容。": "Ange dialoginnehåll.",
+    "账单信息不适用": "Faktureringsinformation är inte tillämplig",
+    "由Bilibili [土川虎虎虎](https://space.bilibili.com/29125536)、[明昭MZhao](https://space.bilibili.com/24807452) 和 [Keldos](https://github.com/Keldos-Li) 开发<br />访问川虎Chat的 [GitHub项目](https://github.com/GaiZhenbiao/ChuanhuChatGPT) 下载最新版脚本": "Utvecklad av Bilibili [土川虎虎虎](https://space.bilibili.com/29125536), [明昭MZhao](https://space.bilibili.com/24807452) och [Keldos](https://github.com/Keldos-Li)\n\nLadda ner senaste koden från [GitHub](https://github.com/GaiZhenbiao/ChuanhuChatGPT)",
+    "切换亮暗色主题": "Byt ljus/mörk tema",
+    "您的IP区域：未知。": "Din IP-region: Okänd.",
+    "获取IP地理位置失败。原因：": "Misslyckades med att hämta IP-plats. Orsak: ",
+    "。你仍然可以使用聊天功能。": ". Du kan fortfarande använda chattfunktionen.",
+    "您的IP区域：": "Din IP-region: ",
+    "总结": "Sammanfatta",
+    "生成内容总结中……": "Genererar innehållssammanfattning...",
+    "上传": "Ladda upp",
     "由于下面的原因，Google 拒绝返回 PaLM 的回答：\n\n": "På grund av följande skäl vägrar Google att ge ett svar till PaLM: \n\n",
-    "---\n⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "---\n⚠️ För att säkerställa säkerheten för API-nyckeln, vänligen ändra nätverksinställningarna i konfigurationsfilen `config.json`.",
-    "网络参数": "nätverksparametrar"
-}  
+    "⚠️ 为保证API-Key安全，请在配置文件`config.json`中修改网络设置": "⚠️ För att säkerställa säkerheten för API-nyckeln, vänligen ändra nätverksinställningarna i konfigurationsfilen `config.json`.",
+    "网络": "nätverksparametrar",
+    "暂时未知": "Okänd",
+
+    "剩余配额不足，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)": "Återstående kvot är otillräcklig, [läs mer](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/常见问题#you-exceeded-your-current-quota-please-check-your-plan-and-billing-details)",
+    "你没有权限访问 GPT4，[进一步了解](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)": "Du har inte behörighet att komma åt GPT-4, [läs mer](https://github.com/GaiZhenbiao/ChuanhuChatGPT/issues/843)",
+    "请查看 config_example.json，配置 Azure OpenAI": "Vänligen granska config_example.json för att konfigurera Azure OpenAI",
+
+    "微调": "Finjustering",
+    "训练状态": "Träningsstatus",
+    "查看[使用介绍](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35)": "Se [användarguiden](https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#微调-gpt-35) för mer information",
+    "准备数据集": "Förbered dataset",
+    "数据集预览": "Datasetförhandsvisning",
+    "选择数据集": "Välj dataset",
+    "上传到OpenAI": "Ladda upp till OpenAI",
+    "文件ID": "Fil-ID",
+    "上传到 OpenAI 后自动填充": "Automatiskt ifylld efter uppladdning till OpenAI",
+    "模型名称后缀": "Modellnamnstillägg",
+    "可选，用于区分不同的模型": "Valfritt, används för att särskilja olika modeller",
+    "训练轮数（Epochs）": "Träningsomgångar (Epochs)",
+    "开始训练": "Börja träning",
+    "状态": "Status",
+    "刷新状态": "Uppdatera status",
+    "取消所有任务": "Avbryt alla uppgifter",
+    "添加训练好的模型到模型列表": "Lägg till tränad modell i modellistan",
+
+    "设置": "inställningar",
+    "训练": "träning",
+    "工具箱": "verktygslåda",
+    "对话": "konversation",
+    "拓展": "utvidgning",
+    "上传文件": "ladda upp fil",
+    "知识库": "kunskapsbank",
+    "知识库文件": "kunskapsbankfil",
+    "在工具箱中管理知识库文件": "hantera kunskapsbankfiler i verktygslådan",
+    "在线搜索": "onlinesökning",
+    "关于": "om",
+    "新对话 ": "Ny dialog ",
+    "搜索（支持正则）...": "Sök (stöd för reguljära uttryck)...",
+
+    "对话命名方式": "Dialognamn",
+    "根据日期时间": "Enligt datum och tid",
+    "第一条提问": "Första frågan",
+    "模型自动总结（消耗tokens）": "Modellens automatiska sammanfattning (förbrukar tokens)"
+}

modules/config.py

@@ -27,7 +27,8 @@ __all__ = [
     "latex_delimiters_set",
     "hide_history_when_not_logged_in",
     "default_chuanhu_assistant_model",
-    "show_api_billing"
+    "show_api_billing",
+    "chat_name_method_index",
 ]
 
 # 添加一个统一的config文件，避免文件过多造成的疑惑（优先级最低）
@@ -50,6 +51,7 @@ hide_history_when_not_logged_in = config.get(
 check_update = config.get("check_update", True)
 show_api_billing = config.get("show_api_billing", False)
 show_api_billing = bool(os.environ.get("SHOW_API_BILLING", show_api_billing))
+chat_name_method_index = config.get("chat_name_method_index", 0)
 
 if os.path.exists("api_key.txt"):
     logging.info("检测到api_key.txt文件，正在进行迁移...")
@@ -288,4 +290,4 @@ elif bot_avatar == "default":
 if user_avatar == "" or user_avatar == "none" or user_avatar is None:
     user_avatar = None
 elif user_avatar == "default":
-    user_avatar = "web_assets/user.png"
+    user_avatar = "web_assets/user.png"

modules/models/base_model.py

@@ -10,6 +10,7 @@ import requests
 import urllib3
 import traceback
 import pathlib
+import shutil
 
 from tqdm import tqdm
 import colorama
@@ -207,6 +208,7 @@ class BaseLLMModel:
         self.api_key = None
         self.need_api_key = False
         self.single_turn = False
+        self.history_file_path = get_first_history_name(user)
 
         self.temperature = temperature
         self.top_p = top_p
@@ -623,9 +625,10 @@ class BaseLLMModel:
         self.history = []
         self.all_token_counts = []
         self.interrupted = False
-        pathlib.Path(os.path.join(HISTORY_DIR, self.user_identifier, new_auto_history_filename(
-            os.path.join(HISTORY_DIR, self.user_identifier)))).touch()
-        return [], self.token_message([0])
+        self.history_file_path = new_auto_history_filename(self.user_identifier)
+        history_name = self.history_file_path[:-5]
+        choices = [history_name] + get_history_names(self.user_identifier)
+        return [], self.token_message([0]), gr.Radio.update(choices=choices, value=history_name)
 
     def delete_first_conversation(self):
         if self.history:
@@ -658,16 +661,34 @@ class BaseLLMModel:
             token_sum += sum(token_lst[: i + 1])
         return i18n("Token 计数: ") + f"{sum(token_lst)}" + i18n("，本次对话累计消耗了 ") + f"{token_sum} tokens"
 
-    def save_chat_history(self, filename, chatbot, user_name):
+    def rename_chat_history(self, filename, chatbot, user_name):
         if filename == "":
-            return
+            return gr.update(), gr.update()
         if not filename.endswith(".json"):
             filename += ".json"
-        return save_file(filename, self.system_prompt, self.history, chatbot, user_name)
+        self.delete_chat_history(self.history_file_path, user_name)
+        # 命名重复检测
+        repeat_file_index = 2
+        full_path = os.path.join(HISTORY_DIR, user_name, filename)
+        while os.path.exists(full_path):
+            full_path = os.path.join(HISTORY_DIR, user_name, f"{repeat_file_index}_{filename}")
+            repeat_file_index += 1
+        filename = os.path.basename(full_path)
+
+        self.history_file_path = filename
+        save_file(filename, self.system_prompt, self.history, chatbot, user_name)
+        return init_history_list(user_name)
+
+    def auto_name_chat_history(self, name_chat_method, user_question, chatbot, user_name, language):
+        if len(self.history) == 2:
+            user_question = self.history[0]["content"]
+            filename = user_question[:16] + ".json"
+            return self.rename_chat_history(filename, chatbot, user_name)
+        else:
+            return gr.update()
 
     def auto_save(self, chatbot):
-        history_file_path = get_history_filepath(self.user_identifier)
-        save_file(history_file_path, self.system_prompt,
+        save_file(self.history_file_path, self.system_prompt,
                   self.history, chatbot, self.user_identifier)
 
     def export_markdown(self, filename, chatbot, user_name):
@@ -675,19 +696,27 @@ class BaseLLMModel:
             return
         if not filename.endswith(".md"):
             filename += ".md"
-        return save_file(filename, self.system_prompt, self.history, chatbot, user_name)
-
-    def load_chat_history(self, filename, user_name):
-        logging.debug(f"{user_name} 加载对话历史中……")
-        logging.info(f"filename: {filename}")
-        if type(filename) != str and filename is not None:
-            filename = filename.name
+        save_file(filename, self.system_prompt, self.history, chatbot, user_name)
+
+    def load_chat_history(self, new_history_file_path=None, username=None):
+        logging.debug(f"{self.user_identifier} 加载对话历史中……")
+        if new_history_file_path is not None:
+            if type(new_history_file_path) != str:
+                # copy file from new_history_file_path.name to os.path.join(HISTORY_DIR, self.user_identifier)
+                new_history_file_path = new_history_file_path.name
+                shutil.copyfile(new_history_file_path, os.path.join(
+                    HISTORY_DIR, self.user_identifier, os.path.basename(new_history_file_path)))
+                self.history_file_path = os.path.basename(new_history_file_path)
+            else:
+                self.history_file_path = new_history_file_path
         try:
-            if "/" not in filename:
+            if "/" not in self.history_file_path:
                 history_file_path = os.path.join(
-                    HISTORY_DIR, user_name, filename)
+                    HISTORY_DIR, self.user_identifier, self.history_file_path)
             else:
-                history_file_path = filename
+                history_file_path = self.history_file_path
+            if not self.history_file_path.endswith(".json"):
+                history_file_path += ".json"
             with open(history_file_path, "r", encoding="utf-8") as f:
                 json_s = json.load(f)
             try:
@@ -703,13 +732,13 @@ class BaseLLMModel:
                     logging.info(new_history)
             except:
                 pass
-            logging.debug(f"{user_name} 加载对话历史完毕")
+            logging.debug(f"{self.user_identifier} 加载对话历史完毕")
             self.history = json_s["history"]
-            return os.path.basename(filename), json_s["system"], json_s["chatbot"]
+            return os.path.basename(self.history_file_path), json_s["system"], json_s["chatbot"]
         except:
             # 没有对话历史或者对话历史解析失败
-            logging.info(f"没有找到对话历史记录 {filename}")
-            return gr.update(), self.system_prompt, gr.update()
+            logging.info(f"没有找到对话历史记录 {self.history_file_path}")
+            return self.history_file_path, self.system_prompt, []
 
     def delete_chat_history(self, filename, user_name):
         if filename == "CANCELED":
@@ -724,19 +753,21 @@ class BaseLLMModel:
             history_file_path = filename
         try:
             os.remove(history_file_path)
-            return i18n("删除对话历史成功"), get_history_dropdown(user_name), []
+            return i18n("删除对话历史成功"), get_history_list(user_name), []
         except:
             logging.info(f"删除对话历史失败 {history_file_path}")
-            return i18n("对话历史")+filename+i18n("已经被删除啦"), gr.update(), gr.update()
+            return i18n("对话历史")+filename+i18n("已经被删除啦"), get_history_list(user_name), []
 
     def auto_load(self):
-        if self.user_identifier == "":
-            self.reset()
-            return self.system_prompt, gr.update()
-        history_file_path = get_history_filepath(self.user_identifier)
-        filename, system_prompt, chatbot = self.load_chat_history(
-            history_file_path, self.user_identifier)
-        return system_prompt, chatbot
+        filepath = get_history_filepath(self.user_identifier)
+        if not filepath:
+            self.history_file_path = new_auto_history_filename(
+                self.user_identifier)
+        else:
+            self.history_file_path = filepath
+        filename, system_prompt, chatbot = self.load_chat_history()
+        filename = filename[:-5]
+        return filename, system_prompt, chatbot
 
     def like(self):
         """like the last response, implement if needed

modules/models/models.py

@@ -228,6 +228,59 @@ class OpenAIClient(BaseLLMModel):
         ret = super().set_key(new_access_key)
         self._refresh_header()
         return ret
+    
+    def _single_query_at_once(self, history, temperature=1.0):
+        timeout = TIMEOUT_ALL
+        headers = {
+            "Content-Type": "application/json",
+            "Authorization": f"Bearer {self.api_key}",
+            "temperature": f"{temperature}",
+        }
+        payload = {
+            "model": self.model_name,
+            "messages": history,
+        }
+        # 如果有自定义的api-host，使用自定义host发送请求，否则使用默认设置发送请求
+        if shared.state.completion_url != COMPLETION_URL:
+            logging.debug(f"使用自定义API URL: {shared.state.completion_url}")
+
+        with retrieve_proxy():
+            response = requests.post(
+                shared.state.completion_url,
+                headers=headers,
+                json=payload,
+                stream=False,
+                timeout=timeout,
+            )
+
+        return response
+
+    
+    def auto_name_chat_history(self, name_chat_method, user_question, chatbot, user_name, language):
+        if len(self.history) == 2:
+            user_question = self.history[0]["content"]
+            if name_chat_method == i18n("模型自动总结（消耗tokens）"):
+                ai_answer = self.history[1]["content"]
+                try:
+                    history = [
+                        { "role": "system", "content": SUMMARY_CHAT_SYSTEM_PROMPT},
+                        { "role": "user", "content": f"User: {user_question}\nAssistant: {ai_answer}"}
+                    ]
+                    response = self._single_query_at_once(history, temperature=0.0)
+                    response = json.loads(response.text)
+                    content = response["choices"][0]["message"]["content"]
+                    filename = content + ".json"
+                except Exception as e:
+                    logging.info(f"自动命名失败。{e}")
+                    filename = user_question[:16] + ".json"
+                return self.rename_chat_history(filename, chatbot, user_name)
+            elif name_chat_method == i18n("第一条提问"):
+                filename = user_question[:16] + ".json"
+                return self.rename_chat_history(filename, chatbot, user_name)
+            else:
+                return gr.update()
+        else:
+            return gr.update()
 
 
 class ChatGLM_Client(BaseLLMModel):
@@ -580,8 +633,7 @@ def get_model(
             logging.info(msg)
             lora_selector_visibility = True
             if os.path.isdir("lora"):
-                lora_choices = get_file_names_dropdown_by_pinyin(
-                    "lora", filetypes=[""])
+                get_file_names_by_pinyin("lora", filetypes=[""])
             lora_choices = ["No LoRA"] + lora_choices
         elif model_type == ModelType.LLaMA and lora_model_path != "":
             logging.info(f"正在加载LLaMA模型: {model_name} + {lora_model_path}")

modules/presets.py

@@ -36,6 +36,7 @@ BILLING_NOT_APPLICABLE_MSG = i18n("账单信息不适用") # 本地运行的模
 TIMEOUT_STREAMING = 60  # 流式对话时的超时时间
 TIMEOUT_ALL = 200  # 非流式对话时的超时时间
 ENABLE_STREAMING_OPTION = True  # 是否启用选择选择是否实时显示回答的勾选框
+ENABLE_LLM_NAME_CHAT_OPTION = True  # 是否启用选择是否使用LLM模型的勾选框
 HIDE_MY_KEY = False  # 如果你想在UI中隐藏你的 API 密钥，将此值设置为 True
 CONCURRENT_COUNT = 100 # 允许同时使用的用户数量
 
@@ -132,6 +133,12 @@ REPLY_LANGUAGES = [
     "跟随问题语言（不稳定）"
 ]
 
+HISTORY_NAME_METHODS = [
+    i18n("根据日期时间"), 
+    i18n("第一条提问"), 
+    i18n("模型自动总结（消耗tokens）"),
+]
+
 
 WEBSEARCH_PTOMPT_TEMPLATE = """\
 Web search results:
@@ -177,6 +184,15 @@ SUMMARIZE_PROMPT = """Write a concise summary of the following:
 
 CONCISE SUMMARY IN 中文:"""
 
+SUMMARY_CHAT_SYSTEM_PROMPT = """\
+Please summarize the following conversation for a chat topic.
+No more than 16 characters.
+No special characters.
+Punctuation mark is banned.
+Not including '.' ':' '?' '!' '“' '*' '<' '>'.
+Reply in user's language.
+"""
+
 ALREADY_CONVERTED_MARK = "<!-- ALREADY CONVERTED BY PARSER. -->"
 START_OF_OUTPUT_MARK = "<!-- SOO IN MESSAGE -->"
 END_OF_OUTPUT_MARK = "<!-- EOO IN MESSAGE -->"
@@ -249,3 +265,4 @@ small_and_beautiful_theme = gr.themes.Soft(
         # gradio 会把这个几个chatbot打头的变量应用到其他md渲染的地方，鬼晓得怎么想的。。。
         chatbot_code_background_color_dark="*neutral_950",
     )
+

modules/utils.py

@@ -68,8 +68,11 @@ def delete_last_conversation(current_model, *args):
 def set_system_prompt(current_model, *args):
     return current_model.set_system_prompt(*args)
 
-def save_chat_history(current_model, *args):
-    return current_model.save_chat_history(*args)
+def rename_chat_history(current_model, *args):
+    return current_model.rename_chat_history(*args)
+
+def auto_name_chat_history(current_model, *args):
+    return current_model.auto_name_chat_history(*args)
 
 def export_markdown(current_model, *args):
     return current_model.export_markdown(*args)
@@ -331,23 +334,31 @@ def construct_assistant(text):
 
 
 def save_file(filename, system, history, chatbot, user_name):
-    logging.debug(f"{user_name} 保存对话历史中……")
     os.makedirs(os.path.join(HISTORY_DIR, user_name), exist_ok=True)
-    if filename.endswith(".json"):
-        json_s = {"system": system, "history": history, "chatbot": chatbot}
-        if "/" in filename or "\\" in filename:
-            history_file_path = filename
-        else:
-            history_file_path = os.path.join(HISTORY_DIR, user_name, filename)
-        with open(history_file_path, "w", encoding='utf-8') as f:
-            json.dump(json_s, f, ensure_ascii=False)
-    elif filename.endswith(".md"):
-        md_s = f"system: \n- {system} \n"
-        for data in history:
-            md_s += f"\n{data['role']}: \n- {data['content']} \n"
-        with open(os.path.join(HISTORY_DIR, user_name, filename), "w", encoding="utf8") as f:
-            f.write(md_s)
-    logging.debug(f"{user_name} 保存对话历史完毕")
+    if filename.endswith(".md"):
+        filename = filename[:-3]
+    if not filename.endswith(".json") and not filename.endswith(".md"):
+        filename += ".json"
+    if filename == ".json":
+        raise Exception("文件名不能为空")
+
+    json_s = {"system": system, "history": history, "chatbot": chatbot}
+    repeat_file_index = 2
+    if "/" in filename or "\\" in filename:
+        history_file_path = filename
+    else:
+        history_file_path = os.path.join(HISTORY_DIR, user_name, filename)
+
+    with open(history_file_path, "w", encoding='utf-8') as f:
+        json.dump(json_s, f, ensure_ascii=False)
+
+    filename = filename.split("/")[-1]
+    filename_md = filename[:-5] + ".md"
+    md_s = f"system: \n- {system} \n"
+    for data in history:
+        md_s += f"\n{data['role']}: \n- {data['content']} \n"
+    with open(os.path.join(HISTORY_DIR, user_name, filename_md), "w", encoding="utf8") as f:
+        f.write(md_s)
     return os.path.join(HISTORY_DIR, user_name, filename)
 
 
@@ -355,16 +366,13 @@ def sorted_by_pinyin(list):
     return sorted(list, key=lambda char: lazy_pinyin(char)[0][0])
 
 def sorted_by_last_modified_time(list, dir):
-    return sorted(list, key=lambda char: os.path.getmtime(os.path.join(dir, char)), reverse=True)
+    return sorted(list, key=lambda char: os.path.getctime(os.path.join(dir, char)), reverse=True)
 
 def get_file_names_by_type(dir, filetypes=[".json"]):
     logging.debug(f"获取文件名列表，目录为{dir}，文件类型为{filetypes}")
     files = []
-    try:
-        for type in filetypes:
-            files += [f for f in os.listdir(dir) if f.endswith(type)]
-    except FileNotFoundError:
-        files = [""]
+    for type in filetypes:
+        files += [f for f in os.listdir(dir) if f.endswith(type)]
     logging.debug(f"files are:{files}")
     return files
 
@@ -390,15 +398,31 @@ def get_file_names_by_last_modified_time(dir, filetypes=[".json"]):
 def get_history_names(user_name=""):
     logging.debug(f"从用户 {user_name} 中获取历史记录文件名列表")
     if user_name == "" and hide_history_when_not_logged_in:
-        return ""
+        return []
     else:
         history_files = get_file_names_by_last_modified_time(os.path.join(HISTORY_DIR, user_name))
+        history_files = [f[:f.rfind(".")] for f in history_files]
         return history_files
 
-def get_history_dropdown(user_name=""):
+def get_first_history_name(user_name=""):
+    history_names = get_history_names(user_name)
+    return history_names[0] if history_names else None
+
+def get_history_list(user_name=""):
     history_names = get_history_names(user_name)
-    return gr.Dropdown.update(choices=history_names)
+    return gr.Radio.update(choices=history_names)
 
+def init_history_list(user_name=""):
+    history_names = get_history_names(user_name)
+    return gr.Radio.update(choices=history_names, value=history_names[0] if history_names else "")
+
+def filter_history(user_name, keyword):
+    history_names = get_history_names(user_name)
+    try:
+        history_names = [name for name in history_names if re.search(keyword, name)]
+        return gr.update(choices=history_names)
+    except:
+        return gr.update(choices=history_names)
 
 def load_template(filename, mode=0):
     logging.debug(f"加载模板文件{filename}，模式为{mode}（0为返回字典和下拉菜单，1为返回下拉菜单，2为返回字典）")
@@ -638,36 +662,21 @@ def toggle_like_btn_visibility(selected_model_name):
     else:
         return gr.update(visible=False)
 
-def new_auto_history_filename(dirname):
-    latest_file = get_latest_filepath(dirname)
+def new_auto_history_filename(username):
+    latest_file = get_first_history_name(username)
     if latest_file:
-        with open(os.path.join(dirname, latest_file), 'r', encoding="utf-8") as f:
+        with open(os.path.join(HISTORY_DIR, username, latest_file + ".json"), 'r', encoding="utf-8") as f:
             if len(f.read()) == 0:
                 return latest_file
-    now = datetime.datetime.now().strftime('%Y-%m-%d_%H-%M-%S')
+    now = i18n("新对话 ") + datetime.datetime.now().strftime('%m-%d %H꞉%M')
     return f'{now}.json'
 
-def get_latest_filepath(dirname):
-    pattern = re.compile(r'\d{4}-\d{2}-\d{2}_\d{2}-\d{2}-\d{2}')
-    latest_time = None
-    latest_file = None
-    for filename in os.listdir(dirname):
-        if os.path.isfile(os.path.join(dirname, filename)):
-            match = pattern.search(filename)
-            if match and match.group(0) == filename[:19]:
-                time_str = filename[:19]
-                filetime = datetime.datetime.strptime(time_str, '%Y-%m-%d_%H-%M-%S')
-                if not latest_time or filetime > latest_time:
-                    latest_time = filetime
-                    latest_file = filename
-    return latest_file
-
 def get_history_filepath(username):
     dirname = os.path.join(HISTORY_DIR, username)
     os.makedirs(dirname, exist_ok=True)
-    latest_file = get_latest_filepath(dirname)
+    latest_file = get_first_history_name(username)
     if not latest_file:
-        latest_file = new_auto_history_filename(dirname)
+        latest_file = new_auto_history_filename(username)
 
     latest_file = os.path.join(dirname, latest_file)
     return latest_file
@@ -705,3 +714,6 @@ def get_file_hash(file_src=None, file_paths=None):
                 md5_hash.update(chunk)
 
     return md5_hash.hexdigest()
+
+def myprint(**args):
+    print(args)

modules/webui.py

@@ -56,11 +56,24 @@ def reload_javascript():
     js += '<script async type="module" src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>'
     js += '<script async type="module" src="http://spin.js.org/spin.umd.js"></script><link type="text/css" href="https://spin.js.org/spin.css" rel="stylesheet" />'
     
+    meta = """
+        <meta name="apple-mobile-web-app-title" content="川虎 Chat">
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="application-name" content="川虎 Chat">
+        <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no, viewport-fit=cover'>
+        <meta name="theme-color" content="#ffffff">
+
+        <link rel="apple-touch-icon-precomposed" href="/file=web_assets/icon/mask-icon-512.png" crossorigin="use-credentials">
+        <link rel="apple-touch-icon" href="/file=web_assets/icon/mask-icon-512.png" crossorigin="use-credentials">
+        
+        <link rel="manifest" href="/file=web_assets/manifest.json" crossorigin="use-credentials">
+    """
     css = css_html()
 
     def template_response(*args, **kwargs):
         res = GradioTemplateResponseOriginal(*args, **kwargs)
-        res.body = res.body.replace(b'</head>', f'{js}</head>'.encode("utf8"))
+        res.body = res.body.replace(b'</head>', f'{meta}{js}</head>'.encode("utf8"))
+        # res.body = res.body.replace(b'</head>', f'{js}</head>'.encode("utf8"))
         res.body = res.body.replace(b'</body>', f'{css}</body>'.encode("utf8"))
         res.init_headers()
         return res

requirements.txt

@@ -1,4 +1,4 @@
-gradio==3.41.2
+gradio==3.43.2
 gradio_client==0.5.0
 pypinyin
 tiktoken
@@ -28,3 +28,4 @@ tabulate
 ujson
 python-docx
 websocket_client
+pydantic==1.10.8

web_assets/html/chatbot_header_btn.html

@@ -0,0 +1,65 @@
+<div id="header-btn-groups">
+    <div class="btn-bar-group" style="margin-left: -12px;">
+        <span class="show-on-gpt">
+            <button id="chuanhu-training-btn" onclick="openTrainingBox()" class="chuanhu-ui-btn">
+                <svg width="24px" height="24px" viewBox="0 0 45.297 28.8394" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                        <g fill="currentColor" fill-rule="nonzero">
+                            <path d="M0,23.4288 C0,27.0248 1.8307,28.8394 5.45907,28.8394 L39.8379,28.8394 C43.4663,28.8394 45.297,27.0248 45.297,23.4288 L45.297,5.41055 C45.297,1.81453 43.4663,0 39.8379,0 L9.91219,0 C6.82641,0 5.13938,1.74422 4.24945,4.43907 L0.618281,15.4643 C0.1875,16.7405 0,17.8041 0,19.4644 L0,23.4288 Z M17.6306,14.2226 L17.6306,8.14923 C17.6306,7.09126 18.2522,6.46969 19.3263,6.46969 L36.3459,6.46969 C37.4201,6.46969 38.0344,7.09126 38.0344,8.14923 L38.0344,14.2226 C38.0344,15.2498 37.4201,15.8714 36.3459,15.8714 L19.3263,15.8714 C18.2522,15.8714 17.6306,15.2498 17.6306,14.2226 Z M6.14415,15.8714 C5.12415,15.8714 4.63102,15.0713 5.01259,13.8724 L7.02539,7.75805 C7.27758,6.97805 7.66875,6.46969 8.95946,6.46969 L11.2486,6.46969 C12.3066,6.46969 12.9443,7.09126 12.9443,8.14923 L12.9443,14.2226 C12.9443,15.2498 12.3066,15.8714 11.2486,15.8714 L6.14415,15.8714 Z" fill-opacity="0.85"></path>
+                        </g>
+                    </g>
+                </svg>
+            </button>
+        </span>
+    </div>
+
+    <div class="btn-bar-group">
+        <div class="nav-item-dropdown">
+            <button id="export-chat-btn" onclick="" class="chuanhu-ui-btn dropdown-trigger">
+                <svg width="24px" height="24px" viewBox="0 0 16.1359 20.56475" version="1.1" xmlns="http://www.w3.org/2000/svg">
+                    <g stroke="none" fill="currentColor" fill-opacity="0.85" fill-rule="nonzero">
+                        <path d="M13.3438,5.76305 C15.2024,5.76305 16.1359,6.7002 16.1359,8.5309 L16.1359,17.79695 C16.1359,19.62395 15.2024,20.56475 13.3438,20.56475 L2.79211,20.56475 C0.941602,20.56475 0,19.63125 0,17.79695 L0,8.5309 C0,6.69293 0.941602,5.76305 2.79211,5.76305 L5.71,5.76275 L5.71,7.06975 L2.81555,7.06993 C1.89173222,7.06993 1.36322898,7.53591574 1.30735769,8.43213487 L1.30242,8.59475 L1.30242,17.73305 C1.30242,18.74355 1.83739,19.25425 2.81555,19.25425 L13.3204,19.25425 C14.2759,19.25425 14.8335,18.74355 14.8335,17.73305 L14.8335,8.59475 C14.8335,7.59235 14.2759,7.06993 13.3204,7.06993 L10.416,7.06975 L10.416,5.76275 L13.3438,5.76305 Z"></path>
+                        <path d="M8.06391,13.43715 C8.41559,13.43715 8.71512,13.14575 8.71512,12.80215 L8.71512,3.14567 L8.66297,1.78664 L9.38039,2.54004 L10.8584,4.09078 C10.978,4.21852 11.1454,4.28602 11.301,4.28602 C11.6373,4.28602 11.8964,4.04309 11.8964,3.7193 C11.8964,3.53941 11.8245,3.41531 11.6967,3.29566 L8.5316,0.21586 C8.37153,0.05578 8.2357,0 8.06391,0 C7.9002,0 7.76074,0.05578 7.59621,0.21586 L4.42746,3.29566 C4.30781,3.41531 4.23586,3.53941 4.23586,3.7193 C4.23586,4.04309 4.48324,4.28602 4.82321,4.28602 C4.97883,4.28602 5.15426,4.21852 5.27028,4.09078 L6.75188,2.54004 L7.47293,1.78301 L7.42078,3.14567 L7.42078,12.80215 C7.42078,13.14575 7.72031,13.43715 8.06391,13.43715 Z"></path>
+                    </g>
+                </svg>
+            </button>
+            <div class="dropdown-menu">
+                <div class="dropdown-menu-item">
+                    <button onclick="jsonDownloadClick()">{json_label}</button>
+                </div>
+                <div class="dropdown-menu-item">
+                    <button onclick="mdDownloadClick()">{md_label}</button>
+                </div>
+            </div>
+        </div>
+
+        <button id="new-chat-btn" onclick="newChatClick()" class="chuanhu-ui-btn">
+            <svg width="24px" height="24px" viewBox="0 0 41.3058 37.9805" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g fill-rule="nonzero">
+                        <path d="M7.85906,37.9732 C10.2516,37.9732 15.1013,35.6613 18.7802,33.1193 C31.3151,33.6708 41.3058,26.4138 41.3058,16.6013 C41.3058,7.42008 32.1359,0 20.6529,0 C9.17883,0 0,7.42008 0,16.6013 C0,22.5973 3.85266,27.9152 9.65789,30.6202 C8.82141,32.2172 7.33664,34.2469 6.52195,35.292 C5.57226,36.5116 6.08883,37.9732 7.85906,37.9732 Z M9.48751,35.2875 C9.34688,35.336 9.30727,35.2334 9.40829,35.1089 C10.392,33.8965 11.858,32.0149 12.5182,30.7552 C12.9734,29.9184 12.8473,29.1593 11.8221,28.6863 C6.06376,26.0217 2.68407,21.6335 2.68407,16.6013 C2.68407,8.91657 10.6542,2.66954 20.6529,2.66954 C30.6677,2.66954 38.6217,8.91657 38.6217,16.6013 C38.6217,24.2698 30.6677,30.5241 20.6529,30.5241 C20.1642,30.5241 19.5356,30.495 18.747,30.4659 C18.0687,30.4587 17.5069,30.66 16.9006,31.1402 C14.4764,32.7921 11.1403,34.7288 9.48751,35.2875 Z" fill-opacity="0.85" fill="currentColor"></path>
+                        <path d="M12.233,16.7468 C12.233,17.5238 12.7908,18.0816 13.6235,18.0816 L19.2947,18.0816 L19.2947,23.7778 C19.2947,24.5855 19.8525,25.1522 20.6295,25.1522 C21.4371,25.1522 22.0111,24.5927 22.0111,23.7778 L22.0111,18.0816 L27.7146,18.0816 C28.515,18.0816 29.0817,17.5238 29.0817,16.7468 C29.0817,15.9391 28.5223,15.3652 27.7146,15.3652 L22.0111,15.3652 L22.0111,9.67782 C22.0111,8.85399 21.4371,8.28727 20.6295,8.28727 C19.8525,8.28727 19.2947,8.86125 19.2947,9.67782 L19.2947,15.3652 L13.6235,15.3652 C12.7835,15.3652 12.233,15.9391 12.233,16.7468 Z" fill-opacity="0.85" fill="currentColor"></path>
+                    </g>
+                </g>
+            </svg>
+        </button>
+
+        <button id="open-toolbox-btn" onclick="toolboxClick()" class="chuanhu-ui-btn">
+            <!-- <svg width="24px" height="24px" viewBox="0 0 43.4767 34.1953" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g fill-rule="nonzero">
+                        <path d="M5.97657,34.1953 L37.5,34.1953 C41.5078,34.1953 43.4767,32.2266 43.4767,28.289 L43.4767,5.92968 C43.4767,1.9922 41.5078,0.0234285 37.5,0.0234285 L5.97657,0.0234285 C1.99218,0.0234285 0,1.9922 0,5.92968 L0,28.289 C0,32.2266 1.99218,34.1953 5.97657,34.1953 Z M6.02346,30.7969 C4.33593,30.7969 3.37501,29.9063 3.37501,28.125 L3.37501,6.09375 C3.37501,4.33594 4.33593,3.42188 6.02346,3.42188 L37.4531,3.42188 C39.1406,3.42188 40.1015,4.33594 40.1015,6.09375 L40.1015,28.125 C40.1015,29.9063 39.1406,30.7969 37.4531,30.7969 L6.02346,30.7969 Z M26.0625,31.4531 L29.3437,31.4531 L29.3437,2.83594 L26.0625,2.83594 L26.0625,31.4531 Z M32.8828,10.2188 L36.5625,10.2188 C37.1953,10.2188 37.7344,9.65626 37.7344,9.04685 C37.7344,8.43749 37.1953,7.92188 36.5625,7.92188 L32.8828,7.92188 C32.2735,7.92188 31.7344,8.43749 31.7344,9.04685 C31.7344,9.65626 32.2735,10.2188 32.8828,10.2188 Z M32.8828,14.9063 L36.5625,14.9063 C37.1953,14.9063 37.7344,14.3672 37.7344,13.7344 C37.7344,13.125 37.1953,12.6094 36.5625,12.6094 L32.8828,12.6094 C32.2735,12.6094 31.7344,13.125 31.7344,13.7344 C31.7344,14.3672 32.2735,14.9063 32.8828,14.9063 Z M32.8828,19.5937 L36.5625,19.5937 C37.1953,19.5937 37.7344,19.0547 37.7344,18.4453 C37.7344,17.8359 37.1953,17.3203 36.5625,17.3203 L32.8828,17.3203 C32.2735,17.3203 31.7344,17.8359 31.7344,18.4453 C31.7344,19.0547 32.2735,19.5937 32.8828,19.5937 Z" fill-opacity="0.85" fill="currentColor"></path>
+                    </g>
+                </g>
+            </svg> -->
+            <svg width="24px" height="24px" viewBox="0 0 33.5163 33.5705" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g fill="currentColor" fill-rule="nonzero">
+                        <path d="M5.58422,33.5705 L27.9321,33.5705 C31.6493,33.5705 33.5163,31.6889 33.5163,28.0348 L33.5163,5.57367 C33.5163,1.91953 31.6493,0.0379686 27.9321,0.0379686 L5.58422,0.0379686 C1.8832,0.0379686 0,1.905 0,5.57367 L0,28.0348 C0,31.7034 1.8832,33.5705 5.58422,33.5705 Z M5.6311,30.9495 C3.67477,30.9495 2.60485,29.928 2.60485,27.907 L2.60485,5.70141 C2.60485,3.69657 3.67477,2.65899 5.6311,2.65899 L27.8852,2.65899 C29.8125,2.65899 30.9115,3.69657 30.9115,5.70141 L30.9115,27.907 C30.9115,29.928 29.8125,30.9495 27.8852,30.9495 L5.6311,30.9495 Z" fill-opacity="0.85"></path>
+                        <path d="M7.69266,12.7402 L17.3438,12.7402 L17.3438,10.572 L7.69266,10.572 C7.07907,10.572 6.60047,11.0505 6.60047,11.648 C6.60047,12.2616 7.07907,12.7402 7.69266,12.7402 Z M20.021,15.3488 C22.0545,15.3488 23.704,13.683 23.704,11.6334 C23.704,9.6 22.0545,7.9343 20.021,7.9343 C17.9876,7.9343 16.3219,9.6 16.3219,11.6334 C16.3219,13.683 17.9876,15.3488 20.021,15.3488 Z M20.021,13.5841 C18.922,13.5841 18.0865,12.7179 18.0865,11.6262 C18.0865,10.5345 18.922,9.69165 20.021,9.69165 C21.0966,9.69165 21.9483,10.5345 21.9483,11.6262 C21.9483,12.7179 21.0966,13.5841 20.021,13.5841 Z M22.5487,12.7402 L25.8884,12.7402 C26.4534,12.7402 26.932,12.2616 26.932,11.648 C26.932,11.0505 26.4534,10.572 25.8884,10.572 L22.5487,10.572 L22.5487,12.7402 Z M25.8237,20.5158 L16.1726,20.5158 L16.1726,22.6913 L25.8237,22.6913 C26.4534,22.6913 26.932,22.2054 26.932,21.608 C26.932,21.0016 26.4534,20.5158 25.8237,20.5158 Z M13.4953,17.9145 C11.4781,17.9145 9.81962,19.5802 9.81962,21.6225 C9.81962,23.6559 11.4781,25.3216 13.4953,25.3216 C15.5288,25.3216 17.1945,23.6559 17.1945,21.6225 C17.1945,19.5802 15.5288,17.9145 13.4953,17.9145 Z M13.4953,19.6791 C14.5943,19.6791 15.4298,20.538 15.4298,21.6298 C15.4298,22.7288 14.5943,23.5643 13.4953,23.5643 C12.4198,23.5643 11.5842,22.7288 11.5842,21.6298 C11.5842,20.538 12.4198,19.6791 13.4953,19.6791 Z M10.9838,20.5158 L7.64415,20.5158 C7.07907,20.5158 6.60047,21.0016 6.60047,21.608 C6.60047,22.2054 7.07907,22.6913 7.64415,22.6913 L10.9838,22.6913 L10.9838,20.5158 Z" fill-opacity="0.85" transform="translate(16.7662, 16.628) scale(-1, 1) translate(-16.7662, -16.628)"></path>
+                    </g>
+                </g>
+            </svg>
+        </button>
+    </div>
+</div>

web_assets/html/chatbot_more.html

@@ -0,0 +1,72 @@
+<div>
+    <div id="chatbot-input-more-area">
+        <span class="chatbot-input-more-label-group">
+            <div class="switch-checkbox">
+                <label>
+                    <input type="checkbox" name="single-session-cb" data-testid="checkbox" style="transform: scale(0.8); margin: 0;">
+                    <span class="chatbot-input-more-span">{single_turn_label}</span>
+                </label>
+            </div>
+        
+            <div class="switch-checkbox">
+                <label>
+                    <input type="checkbox" name="online-search-cb" data-testid="checkbox" style="transform: scale(0.8); margin: 0;">
+                    <span class="chatbot-input-more-span">{websearch_label}</span>
+                </label>
+            </div>
+        </span>
+
+        <span class="chatbot-input-more-label-group">
+            <div class="chatbot-input-more-btn last-btn">
+                <label class="may-disable-label">
+                    <div id="uploaded-files-div">
+                        <span class="chatbot-input-more-span tooltip-toggle" aria-label="{uploaded_files_tip}">{uploaded_files_label}</span>
+                        <span class="chatbot-input-more-icon" id="uploaded-files-count"></span>
+                    </div>
+                    <button id="upload-files-btn">
+                        <span class="chatbot-input-more-span">{upload_file_label}</span>
+                        <span class="chatbot-input-more-icon">
+                            <svg width="18px" height="22px" viewBox="0 0 17.6625708 22" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                                    <g fill="currentColor" fill-rule="nonzero">
+                                        <path d="M10.6020285,2.51882667 C11.4362625,2.51882667 11.8921676,2.64807396 12.4438001,3.21682942 L16.9677143,7.80362991 C17.5473088,8.39718377 17.6625708,8.80801259 17.6625708,9.74013504 L17.6625708,17.0701838 C17.6625708,18.6697194 16.8588053,19.4835978 15.2701606,19.4835978 L9.30367012,19.4838726 C9.50801444,19.132339 9.67081559,18.754537 9.78494219,18.3575337 L15.2149282,18.3578162 C16.0814028,18.3578162 16.5329428,17.8954285 16.5329428,17.0499579 L16.5329428,9.75491554 L11.9107944,9.75491554 C10.9798389,9.75491554 10.4963609,9.29343541 10.4963609,8.34048196 L10.4963609,3.64458667 L6.87556994,3.64458667 C6.00213732,3.64458667 5.55375219,4.12267974 5.55375219,4.95246234 L5.55332282,12.0499339 C5.36755588,12.0285691 5.17882362,12.0175857 4.9877281,12.0175857 C4.79846417,12.0175857 4.61149369,12.028399 4.42740668,12.0494356 L4.42797059,4.93219317 C4.42797059,3.3327051 5.23415624,2.51882667 6.81337946,2.51882667 Z M11.552216,3.86783276 L11.552216,8.21151991 C11.552216,8.55164434 11.6926308,8.69205911 12.0359101,8.69205911 L16.3097226,8.69205911 L11.552216,3.86783276 Z" fill-opacity="0.85"></path>
+                                        <path d="M4.9877281,13.0174305 C7.17286548,13.0174305 8.97241326,14.8169783 8.97241326,17.0052706 C8.97241326,19.1904512 7.15190483,20.9970003 4.9877281,20.9970003 C2.80254317,20.9970003 0.999853452,19.1974525 0.999853452,17.0052706 C0.999853452,14.82009 2.80254317,13.0174305 4.9877281,13.0174305 Z M4.99784107,14.437007 C4.88115289,14.437007 4.7753124,14.4852382 4.64150995,14.6120393 L2.60482154,16.530609 C2.48641329,16.6350666 2.4357663,16.7447535 2.42877798,16.8911323 C2.414797,17.1440431 2.62022006,17.325342 2.87314384,17.325342 C3.00310422,17.3323433 3.12991834,17.2638862 3.21236934,17.1782716 L3.90166369,16.4757224 L4.5558954,15.8144894 L4.51466558,16.8528413 L4.51466558,19.0792085 C4.51466558,19.332854 4.73408257,19.5421148 4.99784107,19.5421148 C5.25844467,19.5421148 5.47470676,19.332854 5.47470676,19.0792085 L5.47470676,16.8528413 L5.44363313,15.8144894 L6.08075058,16.4757224 L6.78018815,17.1782716 C6.86960587,17.2638862 6.98560256,17.3183839 7.11555862,17.325342 C7.36531454,17.3393445 7.56061597,17.1440431 7.56061597,16.8911323 C7.56061597,16.7479084 7.50996466,16.6350666 7.39159099,16.530609 L5.34090431,14.6120393 C5.22352465,14.498506 5.12779713,14.437007 4.99784107,14.437007 Z" fill-opacity="0.85"></path>
+                                    </g>
+                                </g>
+                            </svg>
+                        </span>
+                    </button>
+                </label>
+            </div>
+        </span>
+    </div>
+
+    <!-- get more button -->
+    <div id="chatbot-input-more-btn-div">
+        <button class="chatbot-input-more-btn" onclick="chatMoreBtnClick()">
+            <!-- <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"
+                xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g fill="currentColor" fill-rule="nonzero">
+                        <path
+                            d="M15.9930223,31.97976 C24.7467023,31.97976 32,24.7418401 32,15.98988 C32,7.23796297 24.7327468,0 15.9790668,0 C7.23313125,0 0,7.23796297 0,15.98988 C0,24.7418401 7.24706085,31.97976 15.9930223,31.97976 Z"
+                            fill-opacity="0.1" class="sm-round-bg"></path>
+                        <path
+                            d="M8.41162523,16.0038327 C8.41162523,15.2803594 8.92769229,14.7720332 9.65130778,14.7720332 L14.7951802,14.7720332 L14.7951802,9.62925761 C14.7951802,8.91198549 15.2756953,8.40371964 15.9728644,8.40371964 C16.6964799,8.40371964 17.2048198,8.90578429 17.2048198,9.62925761 L17.2048198,14.7720332 L22.3626477,14.7720332 C23.0723077,14.7720332 23.5884006,15.2803594 23.5884006,16.0038327 C23.5884006,16.7008648 23.0660191,17.1952382 22.3626477,17.1952382 L17.2048198,17.1952382 L17.2048198,22.3380138 C17.2048198,23.0614872 16.6964799,23.563526 15.9728644,23.563526 C15.2756953,23.563526 14.7951802,23.0413333 14.7951802,22.3380138 L14.7951802,17.1952382 L9.65130778,17.1952382 C8.93398085,17.1952382 8.41162523,16.7008648 8.41162523,16.0038327 Z"
+                            fill-opacity="0.85"></path>
+                    </g>
+                </g>
+            </svg> -->
+            <svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g fill="currentColor" fill-rule="nonzero">
+                        <path d="M15.9930223,31.97976 C24.7467023,31.97976 32,24.7418401 32,15.98988 C32,7.23796297 24.7327468,0 15.9790668,0 C7.23313125,0 0,7.23796297 0,15.98988 C0,24.7418401 7.24706085,31.97976 15.9930223,31.97976 Z" fill-opacity="0.1" class="sm-round-bg"></path>
+                        <path d="M23.5318035,18.2475474 C22.2777951,18.2475474 21.2612876,17.2374408 21.2612876,15.9773915 C21.2612876,14.7173421 22.2777951,13.7072355 23.5318035,13.7072355 C24.7781451,13.7072355 25.8086942,14.7173421 25.8086942,15.9773915 C25.8086942,17.2374408 24.7781451,18.2475474 23.5318035,18.2475474 Z" fill-opacity="0.75"></path>
+                        <path d="M15.9930223,18.2475474 C14.7327253,18.2475474 13.7224202,17.2374408 13.7224202,15.9773915 C13.7224202,14.7173421 14.7327253,13.7072355 15.9930223,13.7072355 C17.2533193,13.7072355 18.2775798,14.7173421 18.2775798,15.9773915 C18.2775798,17.2374408 17.2533193,18.2475474 15.9930223,18.2475474 Z" fill-opacity="0.75"></path>
+                        <path d="M8.468162,18.2475474 C7.22182045,18.2475474 6.19131446,17.2374408 6.19131446,15.9773915 C6.19131446,14.7173421 7.22182045,13.7072355 8.468162,13.7072355 C9.70824943,13.7072355 10.7387124,14.7173421 10.7387124,15.9773915 C10.7387124,17.2374408 9.72220487,18.2475474 8.468162,18.2475474 Z" fill-opacity="0.75"></path>
+                    </g>
+                </g>
+            </svg>
+        </button>
+    </div>
+</div>

web_assets/html/close_btn.html

@@ -0,0 +1,5 @@
+<button onclick='closeBtnClick("{obj}")'>
+    <svg class="icon-need-hover" stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round"
+        stroke-linejoin="round" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line>
+    </svg>
+</button>

web_assets/html/config_info.html

@@ -1,2 +0,0 @@
-
-<!-- removed -->

web_assets/html/func_nav.html

@@ -0,0 +1,78 @@
+<div id="menu-footer-btn-bar" class="is-gpt">
+    <div class="btn-bar-group">
+        <button id="chuanhu-setting-btn" onclick="openSettingBox()" class="chuanhu-ui-btn">
+            <!-- <svg width="24px" height="24px" viewBox="0 0 39.6797 39.6328" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                    <g id="gearshape" fill-rule="nonzero">
+                        <path d="M17.9766,39.6094 L21.6797,39.6094 C23.1797,39.6094 24.3516,38.6953 24.7031,37.2891 L25.4766,33.9141 L25.8984,33.7734 L28.8047,35.5781 C30.0703,36.3516 31.5469,36.1641 32.6016,35.0859 L35.1797,32.5312 C36.2344,31.4766 36.4453,29.9766 35.6484,28.7578 L33.8203,25.8281 L33.9609,25.4766 L37.3359,24.7031 C38.7422,24.3516 39.6797,23.1562 39.6797,21.6797 L39.6797,18.0703 C39.6797,16.5938 38.7656,15.3984 37.3359,15.0469 L34.0078,14.2266 L33.8438,13.8516 L35.6719,10.9219 C36.4688,9.67969 36.2578,8.22656 35.2031,7.125 L32.625,4.57031 C31.5938,3.51562 30.1172,3.32812 28.8516,4.07812 L25.9219,5.85938 L25.4766,5.69531 L24.7031,2.32031 C24.3516,0.914062 23.1797,0 21.6797,0 L17.9766,0 C16.4766,0 15.3281,0.914062 14.9766,2.32031 L14.2031,5.69531 L13.7344,5.85938 L10.8047,4.07812 C9.5625,3.32812 8.08594,3.51562 7.03125,4.57031 L4.47656,7.125 C3.42188,8.22656 3.21094,9.67969 4.00781,10.9219 L5.8125,13.8516 L5.64844,14.2266 L2.32031,15.0469 C0.914062,15.3984 0,16.5938 0,18.0703 L0,21.6797 C0,23.1562 0.9375,24.3516 2.32031,24.7031 L5.69531,25.4766 L5.83594,25.8281 L4.03125,28.7578 C3.23438,29.9766 3.44531,31.4766 4.5,32.5312 L7.05469,35.0859 C8.10938,36.1641 9.60938,36.3516 10.8516,35.5781 L13.7812,33.7734 L14.2031,33.9141 L14.9766,37.2891 C15.3281,38.6953 16.4766,39.6094 17.9766,39.6094 Z M18.3047,36.3516 C18.0703,36.3516 17.9531,36.25781 17.9297,36.0469 L16.7812,31.4531 C15.5859,31.1484 14.5078,30.7031 13.6875,30.1406 L9.63281,32.6484 C9.46875,32.7422 9.30469,32.7188 9.14062,32.5781 L7.03125,30.4453 C6.86719,30.3047 6.86719,30.1406 6.98438,29.9531 L9.44531,25.9219 C9,25.125 8.48438,24.0469 8.17969,22.8516 L3.5625,21.7266 C3.35156,21.7031 3.25781,21.5859 3.25781,21.3516 L3.25781,18.3516 C3.25781,18.0938 3.32812,18.0234 3.5625,17.9531 L8.15625,16.8516 C8.46094,15.5625 9.07031,14.4375 9.39844,13.7344 L6.96094,9.72656 C6.82031,9.51562 6.82031,9.35156 6.98438,9.1875 L9.11719,7.10156 C9.28125,6.96094 9.39844,6.91406 9.63281,7.03125 L13.6406,9.46875 C14.4609,8.97656 15.6328,8.48438 16.8047,8.15625 L17.9297,3.5625 C17.9531,3.35156 18.0703,3.25781 18.3047,3.25781 L21.375,3.25781 C21.6094,3.25781 21.7266,3.35156 21.75,3.5625 L22.875,8.20312 C24.0938,8.50781 25.1484,9 25.9922,9.49219 L30.0469,7.03125 C30.25781,6.91406 30.375,6.96094 30.5625,7.10156 L32.6953,9.1875 C32.8359,9.35156 32.8594,9.51562 32.7188,9.72656 L30.25781,13.7344 C30.6094,14.4375 31.1953,15.5625 31.5,16.8516 L36.1172,17.9531 C36.3516,18.0234 36.3984,18.0938 36.3984,18.3516 L36.3984,21.3516 C36.3984,21.5859 36.3281,21.7031 36.1172,21.7266 L31.4766,22.8516 C31.1953,24.0469 30.6797,25.125 30.2109,25.9219 L32.6953,29.9531 C32.8125,30.1406 32.8125,30.3047 32.6484,30.4453 L30.5391,32.5781 C30.3516,32.7188 30.1875,32.7422 30.0469,32.6484 L25.9688,30.1406 C25.1719,30.7031 24.0703,31.1484 22.875,31.4531 L21.75,36.0469 C21.7266,36.25781 21.6094,36.3516 21.375,36.3516 L18.3047,36.3516 Z M19.8281,26.8125 C23.6719,26.8125 26.8359,23.6719 26.8359,19.8047 C26.8359,15.9844 23.6719,12.8438 19.8281,12.8438 C15.9844,12.8438 12.8203,15.9844 12.8203,19.8047 C12.8203,23.6484 15.9844,26.8125 19.8281,26.8125 Z M19.8281,23.5781 C17.7656,23.5781 16.1016,21.8906 16.1016,19.8047 C16.1016,17.7656 17.7656,16.0781 19.8281,16.0781 C21.8438,16.0781 23.5312,17.7656 23.5312,19.8047 C23.5312,21.8672 21.8438,23.5781 19.8281,23.5781 Z" id="形状" fill-opacity="0.85" fill="currentColor"></path>
+                    </g>
+                </g>
+            </svg> -->
+            <svg width="24px" height="24px" viewBox="0 0 41.5547 40.9700126" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" fill-opacity="0.85">
+                    <g fill="currentColor" fill-rule="nonzero">
+                        <path d="M20.7891,38.3561 C21.2344,38.3561 21.6328,38.3092 22.125,38.2858 L23.2031,40.3483 C23.4375,40.7936 23.8828,41.028 24.375,40.9577 C24.8438,40.8639 25.2188,40.4655 25.2891,39.9733 L25.6172,37.6764 C26.4609,37.442 27.3047,37.1139 28.1484,36.7858 L29.8359,38.3092 C30.2109,38.6608 30.7031,38.7311 31.1719,38.4733 C31.5938,38.2155 31.7812,37.7467 31.6875,37.2545 L31.1953,34.9811 C31.8984,34.4655 32.625,33.903 33.2578,33.2702 L35.3906,34.1608 C35.8594,34.3717 36.3516,34.2311 36.7031,33.8092 C37.0078,33.4577 37.0312,32.942 36.7734,32.5202 L35.5547,30.5514 C36.0703,29.8249 36.4688,29.0514 36.8672,28.2077 L39.1875,28.3249 C39.6797,28.3483 40.125,28.0436 40.2891,27.5983 C40.4531,27.1295 40.2891,26.6139 39.9141,26.3327 L38.0859,24.8795 C38.3203,24.0358 38.5078,23.1686 38.5781,22.2311 L40.7578,21.528 C41.25,21.3639 41.5547,20.9889 41.5547,20.4733 C41.5547,19.9577 41.25,19.5827 40.7578,19.4186 L38.5781,18.7155 C38.5078,17.778 38.3203,16.9342 38.0859,16.067 L39.9141,14.6139 C40.2891,14.3327 40.4531,13.8405 40.2891,13.3717 C40.125,12.9264 39.6797,12.6217 39.1875,12.6452 L36.8672,12.7389 C36.4688,11.8952 36.0703,11.1452 35.5547,10.3952 L36.7734,8.42641998 C37.0312,8.02797998 37.0078,7.51235998 36.7031,7.16078998 C36.3516,6.73891998 35.8594,6.62172998 35.3906,6.80922998 L33.2578,7.67641998 C32.625,7.06703998 31.8984,6.48110998 31.1953,5.96547998 L31.6875,3.71547998 C31.7812,3.19985998 31.5938,2.73110998 31.1719,2.49672998 C30.7031,2.23891998 30.2109,2.28578998 29.8359,2.66078998 L28.1484,4.16078998 C27.3047,3.80922998 26.4609,3.52797998 25.6172,3.27016998 L25.2891,0.996730977 C25.2188,0.504542977 24.8438,0.106105977 24.375,0.0123557768 C23.8828,-0.0579567232 23.4141,0.176417977 23.2031,0.598292977 L22.125,2.66078998 C21.6328,2.63735998 21.2344,2.61391998 20.7891,2.61391998 C20.2969,2.61391998 19.8984,2.63735998 19.4297,2.66078998 L18.3281,0.598292977 C18.1172,0.176417977 17.6719,-0.0579567232 17.1562,0.0123557768 C16.6875,0.106105977 16.3359,0.504542977 16.2656,0.996730977 L15.9375,3.27016998 C15.0703,3.52797998 14.2266,3.80922998 13.4062,4.16078998 L11.6953,2.66078998 C11.3203,2.28578998 10.8281,2.23891998 10.3594,2.49672998 C9.96094,2.73110998 9.75,3.19985998 9.86719,3.71547998 L10.3359,5.96547998 C9.63281,6.48110998 8.90625,7.06703998 8.27344,7.67641998 L6.16406,6.80922998 C5.67188,6.62172998 5.20312,6.73891998 4.85156,7.16078998 C4.54688,7.51235998 4.5,8.02797998 4.75781,8.42641998 L5.97656,10.3952 C5.48438,11.1452 5.0625,11.8952 4.66406,12.7389 L2.34375,12.6452 C1.85156,12.6217 1.40625,12.9264 1.24219,13.3717 C1.10156,13.8405 1.24219,14.3092 1.64062,14.6139 L3.44531,16.067 C3.23438,16.9342 3.04688,17.778 2.97656,18.7155 L0.773438,19.4186 C0.304688,19.5827 0,19.9577 0,20.4733 C0,20.9889 0.304688,21.3639 0.773438,21.528 L2.97656,22.2311 C3.04688,23.1686 3.23438,24.0358 3.44531,24.8795 L1.64062,26.3327 C1.24219,26.6139 1.10156,27.1295 1.24219,27.5983 C1.40625,28.0436 1.85156,28.3483 2.34375,28.3249 L4.66406,28.2077 C5.0625,29.0514 5.48438,29.8249 5.97656,30.5514 L4.75781,32.5202 C4.5,32.942 4.54688,33.4577 4.85156,33.8092 C5.20312,34.2311 5.67188,34.3717 6.16406,34.1608 L8.27344,33.2702 C8.90625,33.903 9.63281,34.4655 10.3359,34.9811 L9.86719,37.2545 C9.77344,37.7467 9.96094,38.2155 10.3594,38.4733 C10.8281,38.7311 11.3203,38.6608 11.6953,38.3092 L13.4062,36.7858 C14.2266,37.1139 15.0703,37.442 15.9375,37.6764 L16.2656,39.9733 C16.3359,40.4655 16.6875,40.8639 17.1562,40.9577 C17.6719,41.028 18.0938,40.7936 18.3281,40.3483 L19.4297,38.2858 C19.8984,38.3092 20.2969,38.3561 20.7891,38.3561 Z M20.7891,35.1686 C12.5859,35.1686 6.25781,28.6295 6.25781,20.4967 C6.25781,12.3405 12.5859,5.80141998 20.7891,5.80141998 C28.9688,5.80141998 35.2969,12.3405 35.2969,20.4967 C35.2969,28.6295 28.9688,35.1686 20.7891,35.1686 Z M17.3672,17.4733 L19.6641,15.9967 L13.5938,5.66078998 L11.2266,7.02016998 L17.3672,17.4733 Z M25.1484,21.8327 L37.2188,21.8327 L37.1953,19.1608 L25.1484,19.1608 L25.1484,21.8327 Z M19.6406,25.0202 L17.3438,23.5202 L10.9922,33.8795 L13.3359,35.2858 L19.6406,25.0202 Z M20.7188,25.5124 C23.4844,25.5124 25.6875,23.2858 25.6875,20.5202 C25.6875,17.7545 23.4844,15.528 20.7188,15.528 C17.9531,15.528 15.7266,17.7545 15.7266,20.5202 C15.7266,23.2858 17.9531,25.5124 20.7188,25.5124 Z M20.7188,22.5592 C19.5703,22.5592 18.6562,21.6686 18.6562,20.5202 C18.6562,19.3717 19.5703,18.4811 20.7188,18.4811 C21.8672,18.4811 22.7578,19.3717 22.7578,20.5202 C22.7578,21.6686 21.8672,22.5592 20.7188,22.5592 Z"></path>
+                    </g>
+                </g>
+            </svg>
+        </button>
+        <button id="chuanhu-manual-check-btn" onclick="manualCheckUpdate()"  class="chuanhu-ui-btn">
+            <span class="show-on-latest">
+                <svg width="24px" height="24px" viewBox="0 0 45.2923004 37.8516" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                        <g fill-rule="nonzero">
+                            <path d="M0.415684357,19.0078 C-0.381190643,20.1094 -0.0296279434,21.1172 1.44693036,21.1172 L3.86100036,21.1172 C4.96256036,30.4453 13.0719004,37.8281 22.6344004,37.8281 C28.2360004,37.8281 33.2985004,35.3203 36.7672004,31.3828 C37.5641004,30.4922 37.4469004,29.3438 36.6266004,28.7578 C35.8063004,28.1719 34.8219004,28.3828 34.1188004,29.1562 C31.3297004,32.2969 27.2282004,34.2656 22.6344004,34.2656 C14.8532004,34.2656 8.52506036,28.5703 7.47037036,21.1172 L9.97818036,21.1172 C11.4313004,21.1172 11.8063004,20.1094 11.0329004,19.0312 L6.86100036,13.0781 C6.22818036,12.1641 5.24381036,12.1406 4.58756036,13.0781 L0.415684357,19.0078 Z M8.52506036,6.42188 C7.72818036,7.3125 7.84537036,8.4375 8.66568036,9.02344 C9.50943036,9.60938 10.4938004,9.44531 11.1969004,8.64844 C14.0094004,5.53125 18.0876004,3.5625 22.6344004,3.5625 C30.4157004,3.5625 36.7672004,9.25781 37.7985004,16.7109 L35.2907004,16.7109 C33.8376004,16.7109 33.4860004,17.7188 34.2594004,18.8203 L38.4313004,24.75 C39.0641004,25.6641 40.0485004,25.6875 40.7047004,24.75 L44.8766004,18.8438 C45.6735004,17.7188 45.3219004,16.7109 43.8454004,16.7109 L41.4313004,16.7109 C40.3297004,7.38281 32.2204004,0 22.6344004,0 C17.0797004,0 12.0172004,2.48438 8.52506036,6.42188 Z" fill-opacity="0.85" fill="currentColor"></path>
+                        </g>
+                    </g>
+                </svg>
+            </span>
+            <span class="show-on-outdated">
+                <svg width="24px" height="24px" viewBox="0 0 45.2924004 37.8516" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                        <g fill="currentColor" fill-rule="nonzero">
+                            <path d="M0.415682396,19.0078 C-0.381189604,20.1094 -0.0296276044,21.1172 1.4469304,21.1172 L3.8610104,21.1172 C4.9625604,30.4453 13.0719004,37.8281 22.6344004,37.8281 C28.2360004,37.8281 33.2985004,35.3203 36.7673004,31.3828 C37.5641004,30.4922 37.4469004,29.3437 36.6266004,28.7578 C35.8063004,28.1719 34.8219004,28.3828 34.1188004,29.1563 C31.3297004,32.2969 27.2282004,34.2656 22.6344004,34.2656 C14.8532004,34.2656 8.5250704,28.5703 7.4703704,21.1172 L9.9781804,21.1172 C11.4313004,21.1172 11.8063004,20.1094 11.0329004,19.0312 L6.8610104,13.0781 C6.2281804,12.1641 5.2437904,12.1406 4.5875404,13.0781 L0.415682396,19.0078 Z M8.5250704,6.42187 C7.7281804,7.31251 7.8453904,8.43749 8.6656604,9.02342 C9.5094604,9.60936 10.4938004,9.4453 11.1969004,8.64845 C14.0095004,5.53123 18.0875004,3.56251 22.6344004,3.56251 C30.4157004,3.56251 36.7673004,9.25781 37.7985004,16.7109 L35.2907004,16.7109 C33.8376004,16.7109 33.4860004,17.7188 34.2595004,18.8203 L38.4313004,24.75 C39.0641004,25.6641 40.0485004,25.6875 40.7048004,24.75 L44.8767004,18.8437 C45.6735004,17.7188 45.3222004,16.7109 43.8454004,16.7109 L41.4313004,16.7109 C40.3297004,7.38283 32.2204004,0 22.6344004,0 C17.0797004,0 12.0173004,2.48438 8.5250704,6.42187 Z" fill-opacity="0.85"></path>
+                            <path d="M22.6344004,22.2422 C23.6422004,22.2422 24.2048004,21.6797 24.2282004,20.625 L24.5095004,11.0156 C24.5329004,9.96096 23.7126004,9.18749 22.6110004,9.18749 C21.5095004,9.18749 20.7126004,9.93749 20.7360004,10.9922 L21.0173004,20.625 C21.0407004,21.6797 21.6032004,22.2422 22.6344004,22.2422 Z M22.6344004,28.3828 C23.7829004,28.3828 24.7907004,27.4688 24.7907004,26.3203 C24.7907004,25.1484 23.8063004,24.2578 22.6344004,24.2578 C21.4626004,24.2578 20.5016004,25.1719 20.5016004,26.3203 C20.5016004,27.4453 21.4860004,28.3828 22.6344004,28.3828 Z" fill-opacity="0.85"></path>
+                        </g>
+                    </g>
+                </svg>
+            </span>
+        </button>
+<!--
+    <button id="chuanhu-training-btn" onclick="openTrainingBox()" class="chuanhu-ui-btn">
+        <svg width="24px" height="24px" viewBox="0 0 37.3359 44.6953" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+            <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="brain.filled.head.profile" fill-rule="nonzero">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="37.3359" height="44.6953"></rect>
+                    <path d="M21.5156,44.5312 C28.5,44.5312 32.7656,42.0469 32.7656,37.7109 L32.7656,28.7812 C35.6484,26.2031 37.3359,22.1016 37.3359,17.625 C37.3359,7.05469 30.4453,0 20.2031,0 C9.98438,0 3.14062,6.91406 3.14062,17.2266 C3.14062,17.7891 3.16406,18.2578 3.21094,18.7031 L0.960938,22.7109 C0.328125,23.8594 0,25.0078 0,26.0391 C0,27.9844 1.17188,29.5781 3.14062,30.1641 L3.14062,33.6562 C3.14062,37.1719 5.67188,38.8828 8.8125,38.5312 L12.8438,38.1328 L10.4531,35.5781 L10.4531,37.7109 C10.4531,42.0234 14.625,44.5312 21.5156,44.5312 Z M21.5156,41.1562 C16.5703,41.1562 13.6406,39.6328 13.6406,37.125 L13.6406,34.9453 C13.6406,34.7109 13.5234,34.5938 13.3125,34.6172 L8.34375,35.1797 C7.17188,35.2969 6.51562,34.8281 6.51562,33.4453 L6.51562,27.6562 C6.51562,27.4922 6.39844,27.375 6.16406,27.375 L5.13281,27.375 C4.03125,27.375 3.39844,26.8359 3.39844,25.9922 C3.39844,25.5234 3.5625,24.9844 3.89062,24.3984 L6.70312,19.3828 C6.58594,18.6562 6.51562,17.9062 6.51562,17.1797 C6.51562,8.90625 11.9766,3.39844 20.2031,3.39844 C28.4297,3.39844 33.9609,9.07031 33.9609,17.625 C33.9609,21.7266 32.2266,25.3359 29.3672,27.1172 L29.3672,37.125 C29.3672,39.6328 26.4375,41.1562 21.5156,41.1562 Z" id="形状" fill-opacity="0.85" fill="currentColor"></path>
+                    <path d="M14.1797,19.7812 C16.2656,19.7812 17.7188,18.375 17.7188,16.4062 C17.7188,15.7031 17.5312,15.1875 17.2031,14.8359 C16.8516,14.5078 16.7109,14.1562 16.7109,13.9219 C16.7109,13.4062 17.1562,13.0312 17.6719,13.0312 C17.8828,13.0312 18.1641,13.0781 18.375,13.2891 C18.4219,13.3359 18.4688,13.4062 18.4922,13.4531 C19.9219,13.2891 20.6484,12.4688 20.6484,11.1328 C20.6484,10.6172 21.0703,10.1719 21.5859,10.1719 C22.1016,10.1719 22.5469,10.6406 22.5469,11.1328 C22.5703,13.2656 21.4922,14.6016 19.4297,15.0703 C19.5703,15.4922 19.6172,15.9609 19.6172,16.4297 C19.6172,18.2109 18.75,19.6641 17.3203,20.4844 C18.1172,20.8594 19.0312,21.0469 20.0156,21.0469 C20.4844,21.0469 20.9766,21 21.4688,20.9062 C21.375,20.6719 21.3516,20.4141 21.3516,20.2031 C21.3516,15.4453 28.1719,14.6484 28.1719,10.4531 C28.1719,8.34375 26.5781,6.72656 24.5859,6.72656 C23.8125,6.72656 23.6719,6.75 23.5078,6.77344 C22.7344,5.95312 21.6328,5.48438 20.6953,5.48438 C18.9844,5.48438 17.8125,6.5625 17.8125,8.15625 C17.8125,8.71875 17.4141,9.09375 16.8516,9.09375 C16.2891,9.09375 15.8906,8.67188 15.9141,8.10938 C15.9141,7.35938 16.1484,6.89062 16.2891,6.44531 C16.0078,6.39844 15.7266,6.375 15.4688,6.375 C13.2656,6.375 11.5547,7.73438 11.5547,9.39844 C11.5547,10.4766 12.2812,11.3438 13.2422,11.3438 C13.7812,11.3438 14.2031,11.7656 14.2031,12.2578 C14.2031,12.7969 13.7578,13.2422 13.2422,13.2422 C11.7656,13.2422 10.6172,12.5625 10.0547,11.4844 C9.51562,12.3516 9.21094,13.3594 9.21094,14.3906 C9.21094,17.4141 11.1562,19.7812 14.1797,19.7812 Z M27.7969,24.5156 C29.7656,24.5156 31.1953,22.3125 31.1953,19.3359 C31.1953,19.125 31.1953,18.8906 31.1953,18.6328 C30.4688,18.9609 29.6016,19.1016 28.6172,19.0312 C28.1016,18.9609 27.7031,18.5625 27.7031,18.0469 C27.7031,17.5312 28.1484,17.0625 28.6641,17.1094 C30.5859,17.2734 31.8516,16.2188 31.8516,14.5078 C31.8516,12.9375 31.125,11.625 29.8828,10.8047 C29.3203,15.9141 23.0156,16.5938 23.0156,20.1328 C23.0156,21.0938 23.6484,21.7734 24.75,21.7734 L25.0078,21.7734 C25.3125,23.3906 26.4375,24.5156 27.7969,24.5156 Z" id="形状" fill-opacity="0.85" fill="currentColor"></path>
+                </g>
+            </g>
+        </svg>
+    </button>
+-->
+    </div>
+    <div class="btn-bar-group">
+        <button id="chuanhu-appearance-switcher" onclick="btnToggleDarkMode()" class="chuanhu-ui-btn">
+            <span class="show-on-dark">
+                <svg width="24px" height="24px" viewBox="0 0 39.9141 40.0547" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                        <g fill-rule="nonzero">
+                            <path d="M19.9688,7.42969 C20.9531,7.42969 21.7734,6.58594 21.7734,5.60156 L21.7734,1.80469 C21.7734,0.820312 20.9531,0 19.9688,0 C18.9609,0 18.1406,0.820312 18.1406,1.80469 L18.1406,5.60156 C18.1406,6.58594 18.9609,7.42969 19.9688,7.42969 Z M28.8281,11.1328 C29.5312,11.8359 30.7031,11.8594 31.4297,11.1328 L34.125,8.46094 C34.8047,7.75781 34.8047,6.5625 34.125,5.85938 C33.4219,5.15625 32.25,5.15625 31.5469,5.85938 L28.8281,8.57812 C28.1484,9.28125 28.1484,10.4297 28.8281,11.1328 Z M32.5078,20.0156 C32.5078,21 33.3516,21.8438 34.3359,21.8438 L38.0859,21.8438 C39.0938,21.8438 39.9141,21 39.9141,20.0156 C39.9141,19.0312 39.0938,18.1875 38.0859,18.1875 L34.3359,18.1875 C33.3516,18.1875 32.5078,19.0312 32.5078,20.0156 Z M28.8281,28.9219 C28.1484,29.625 28.1484,30.7734 28.8281,31.4766 L31.5469,34.1953 C32.25,34.8984 33.4219,34.875 34.125,34.1719 C34.8047,33.4688 34.8047,32.2969 34.125,31.5938 L31.4062,28.9219 C30.7031,28.2188 29.5312,28.2188 28.8281,28.9219 Z M19.9688,32.6016 C18.9609,32.6016 18.1406,33.4453 18.1406,34.4297 L18.1406,38.2266 C18.1406,39.2109 18.9609,40.0312 19.9688,40.0312 C20.9531,40.0312 21.7734,39.2109 21.7734,38.2266 L21.7734,34.4297 C21.7734,33.4453 20.9531,32.6016 19.9688,32.6016 Z M11.0859,28.9219 C10.3828,28.2188 9.1875,28.2188 8.48438,28.9219 L5.8125,31.5703 C5.10938,32.2734 5.10938,33.4453 5.78906,34.1484 C6.49219,34.8516 7.66406,34.875 8.36719,34.1719 L11.0625,31.4766 C11.7656,30.7734 11.7656,29.625 11.0859,28.9219 Z M7.40625,20.0156 C7.40625,19.0312 6.58594,18.1875 5.57812,18.1875 L1.82812,18.1875 C0.820312,18.1875 0,19.0312 0,20.0156 C0,21 0.820312,21.8438 1.82812,21.8438 L5.57812,21.8438 C6.58594,21.8438 7.40625,21 7.40625,20.0156 Z M11.0625,11.1328 C11.7656,10.4531 11.7656,9.25781 11.0859,8.57812 L8.39062,5.85938 C7.71094,5.17969 6.51562,5.15625 5.83594,5.85938 C5.13281,6.5625 5.13281,7.75781 5.8125,8.4375 L8.48438,11.1328 C9.1875,11.8359 10.3594,11.8359 11.0625,11.1328 Z" id="形状" fill-opacity="0.85" fill="currentColor"></path>
+                            <path d="M19.9688,29.5781 C25.1719,29.5781 29.5078,25.2656 29.5078,20.0156 C29.5078,14.7656 25.1719,10.4531 19.9688,10.4531 C14.7422,10.4531 10.4062,14.7656 10.4062,20.0156 C10.4062,25.2656 14.7422,29.5781 19.9688,29.5781 Z M19.9688,26.3906 C16.4766,26.3906 13.5938,23.4844 13.5938,20.0156 C13.5938,16.5469 16.4766,13.6406 19.9688,13.6406 C23.4375,13.6406 26.3203,16.5469 26.3203,20.0156 C26.3203,23.4844 23.4375,26.3906 19.9688,26.3906 Z" id="形状" fill-opacity="0.85" fill="currentColor"></path>
+                        </g>
+                    </g>
+                </svg>
+            </span>
+            <span class="show-on-light">
+                <svg width="24px" height="24px" viewBox="0 0 37.2422 42.2109" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                        <g fill="currentColor" fill-rule="nonzero">
+                            <path d="M30,21.6797 C30.375,21.6797 30.6562,21.3984 30.7031,21 C31.2422,16.1016 31.5469,15.9141 36.5156,15.1406 C36.9844,15.0703 37.2422,14.8594 37.2422,14.4375 C37.2422,14.0625 36.9844,13.8047 36.6094,13.7578 C31.5938,12.7969 31.2422,12.7969 30.7031,7.89844 C30.6562,7.47656 30.375,7.21875 30,7.21875 C29.6016,7.21875 29.3438,7.47656 29.2969,7.875 C28.6875,12.8672 28.4531,13.1016 23.3672,13.7578 C23.0156,13.7812 22.7344,14.0625 22.7344,14.4375 C22.7344,14.8359 23.0156,15.0703 23.3672,15.1406 C28.4531,16.1016 28.6641,16.1484 29.2969,21.0469 C29.3438,21.3984 29.6016,21.6797 30,21.6797 Z M21.2109,9 C21.4453,9 21.5859,8.85938 21.6328,8.625 C22.2422,5.60156 22.1719,5.55469 25.3359,4.92188 C25.5469,4.875 25.7109,4.75781 25.7109,4.5 C25.7109,4.24219 25.5469,4.125 25.3359,4.07812 C22.1719,3.44531 22.2422,3.39844 21.6328,0.375 C21.5859,0.140625 21.4453,0 21.2109,0 C20.9531,0 20.8125,0.140625 20.7656,0.375 C20.1562,3.39844 20.2266,3.44531 17.0859,4.07812 C16.8516,4.125 16.6875,4.24219 16.6875,4.5 C16.6875,4.75781 16.8516,4.875 17.0859,4.92188 C20.2266,5.55469 20.1797,5.60156 20.7656,8.625 C20.8125,8.85938 20.9531,9 21.2109,9 Z" fill-opacity="0.85"></path>
+                            <path d="M16.3125,38.625 C23.1094,38.625 28.5938,35.1562 31.0781,29.2734 C31.4297,28.4062 31.3125,27.75 30.9141,27.3516 C30.5625,27 29.9531,26.9297 29.2734,27.2109 C27.8906,27.75 26.2031,28.0547 24.1406,28.0547 C16.0078,28.0547 10.7578,22.9453 10.7578,15.0938 C10.7578,12.7734 11.2031,10.5 11.7188,9.49219 C12.0938,8.69531 12.0703,8.01562 11.7422,7.61719 C11.3672,7.17188 10.7109,7.00781 9.77344,7.35938 C3.98438,9.58594 0,15.6562 0,22.5938 C0,31.6875 6.79688,38.625 16.3125,38.625 Z M16.3594,35.4141 C8.69531,35.4141 3.21094,29.8359 3.21094,22.3359 C3.21094,17.9766 5.08594,14.0391 8.29688,11.4375 C7.89844,12.6094 7.6875,14.3438 7.6875,16.0078 C7.6875,24.9844 14.0156,31.1484 23.2969,31.1484 C24.8203,31.1484 26.2266,30.9844 26.9062,30.7734 C24.6094,33.6562 20.6953,35.4141 16.3594,35.4141 Z"  fill-opacity="0.85"></path>
+                        </g>
+                    </g>
+                </svg>
+            </span>
+        </button>
+    </div>
+</div>

web_assets/html/header_title.html

@@ -0,0 +1,20 @@
+<div style="display:inline-flex;">
+    <buttom id="chuanhu-menu-btn" onclick='menuClick()' 
+        class="chuanhu-ui-btn hover-round-btn" style="visibility: visible; width:42px; height:42px; margin-right:5px;">
+        <svg viewBox="0 0 24 24" fill="currentColor">
+            <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
+        </svg>
+    </div>
+    <!-- <buttom class="gb_Ec gb_Ic gb_p" aria-label="Go back" title="Go back" role="button" tabindex="0">
+        <svg focusable="false" viewBox="0 0 24 24"><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"></path>
+        </svg>
+    </buttom>
+    <div class="gb_Ec gb_Jc gb_p" aria-label="Close" role="button" tabindex="0"><svg viewBox="0 0 24 24">
+            <path
+                d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z">
+            </path>
+        </svg></div> -->
+    <div style="margin-left: 6px;">
+        <div>{app_title}</div>
+    </div>
+</div>

web_assets/html/web_config.html

@@ -0,0 +1,19 @@
+<div aria-label="config-div" style="display:none;">
+    <!-- app config -->
+    <div id="app_config">
+        <span id="hideHistoryWhenNotLoggedIn_config">{hideHistoryWhenNotLoggedIn_config}</span>
+    </div>
+    <!-- i18n config -->
+    <div id="config_i18n">
+        <span id="forView_i18n">{forView_i18n}</span>
+        <span id="deleteConfirm_i18n_pref">{deleteConfirm_i18n_pref}</span>
+        <span id="deleteConfirm_i18n_suff">{deleteConfirm_i18n_suff}</span>
+        <span id="usingLatest_i18n">{usingLatest_i18n}</span>
+        <span id="updatingMsg_i18n">{updatingMsg_i18n}</span>
+        <span id="updateSuccess_i18n">{updateSuccess_i18n}</span>
+        <span id="updateFailure_i18n">{updateFailure_i18n}</span>
+        <span id="regenerate_i18n">{regenerate_i18n}</span>
+        <span id="deleteRound_i18n">{deleteRound_i18n}</span>
+        <span id="renameChat_i18n">{renameChat_i18n}</span>
+    </div>
+</div>

web_assets/javascript/ChuanhuChat.js

@@ -11,8 +11,11 @@ var user_input_ta = null;
 var user_input_tb = null;
 var userInfoDiv = null;
 var appTitleDiv = null;
+var chatbotArea = null;
 var chatbot = null;
 var chatbotIndicator = null;
+var uploaderIndicator = null;
+var chatListIndicator = null;
 var chatbotWrap = null;
 var apSwitch = null;
 var messageBotDivs = null;
@@ -25,14 +28,27 @@ var sliders = null;
 var updateChuanhuBtn = null;
 var statusDisplay = null;
 
+var historySelector = null;
+var chuanhuPopup = null;
+var settingBox = null;
+var trainingBox = null;
+var popupWrapper = null;
+var chuanhuHeader = null;
+var menu = null;
+var toolbox = null;
+// var trainBody = null;
+
 var isInIframe = (window.self !== window.top);
 var currentTime = new Date().getTime();
 
+let windowWidth = window.innerWidth; // 初始窗口宽度
 
 function addInit() {
-    var needInit = {chatbotIndicator};
+    var needInit = {chatbotIndicator, uploaderIndicator};
     
     chatbotIndicator = gradioApp().querySelector('#chuanhu-chatbot > div.wrap');
+    uploaderIndicator = gradioApp().querySelector('#upload-index-file > div.wrap');
+    chatListIndicator = gradioApp().querySelector('#history-select-dropdown > div.wrap');
 
     for (let elem in needInit) {
         if (needInit[elem] == null) {
@@ -42,7 +58,9 @@ function addInit() {
     }
 
     chatbotObserver.observe(chatbotIndicator, { attributes: true });
-
+    chatListObserver.observe(chatListIndicator, { attributes: true });
+    setUploader();
+    
     return true;
 }
 
@@ -54,6 +72,7 @@ function initialize() {
     user_input_tb = gradioApp().getElementById('user-input-tb');
     userInfoDiv = gradioApp().getElementById("user-info");
     appTitleDiv = gradioApp().getElementById("app-title");
+    chatbotArea = gradioApp().querySelector('#chatbot-area');
     chatbot = gradioApp().querySelector('#chuanhu-chatbot');
     chatbotWrap = gradioApp().querySelector('#chuanhu-chatbot > .wrapper > .wrap');
     apSwitch = gradioApp().querySelector('.apSwitch input[type="checkbox"]');
@@ -64,17 +83,35 @@ function initialize() {
     updateChuanhuBtn = gradioApp().getElementById("update-chuanhu-btn");
     statusDisplay = gradioApp().querySelector('#status-display');
 
-    if (loginUserForm) {
-        localStorage.setItem("userLogged", true);
-        userLogged = true;
-    }
+    historySelector = gradioApp().querySelector('#history-select-dropdown');
+    chuanhuPopup = gradioApp().querySelector('#chuanhu-popup');
+    settingBox = gradioApp().querySelector('#chuanhu-setting');
+    trainingBox = gradioApp().querySelector('#chuanhu-training');
+    popupWrapper = gradioApp().querySelector('#popup-wrapper');
+    chuanhuHeader = gradioApp().querySelector('#chuanhu-header');
+    menu = gradioApp().querySelector('#menu-area');
+    toolbox = gradioApp().querySelector('#toolbox-area');
+    // trainBody = gradioApp().querySelector('#train-body');
+
+    // if (loginUserForm) {
+    // localStorage.setItem("userLogged", true);
+    // userLogged = true;
+    // }
 
     adjustDarkMode();
+    adjustSide();
+    setChatList();
+    setChatListHeader();
+    setLoclize();
     selectHistory();
-    setTimeout(showOrHideUserInfo(), 2000);
-    setChatbotHeight();
-    setChatbotScroll();
+    // setChatbotHeight();
+    setPopupBoxPosition();
     setSlider();
+    setCheckboxes();
+    checkModel();
+
+    settingBox.classList.add('hideBox');
+    trainingBox.classList.add('hideBox');
 
     if (!historyLoaded) loadHistoryHtml();
     if (!usernameGotten) getUserInfo();
@@ -84,6 +121,14 @@ function initialize() {
     if (longTimeNoCheck && !updateInfoGotten && !isLatestVersion || isLatestVersion && !updateInfoGotten) {
         updateLatestVersion();
     }
+    setChatbotScroll();
+    setTimeout(showOrHideUserInfo(), 2000);
+
+    // setHistroyPanel();
+    // trainBody.classList.add('hide-body');
+
+    
+
     return true;
 }
 
@@ -164,17 +209,49 @@ function disableSendBtn() {
     });
 }
 
-function adjustDarkMode() {
-    function toggleDarkMode(isEnabled) {
-        if (isEnabled) {
-            document.body.classList.add("dark");
-            document.body.style.setProperty("background-color", "var(--neutral-950)", "important");
+function checkModel() {
+    const model = gradioApp().querySelector('#model-select-dropdown input');
+    var modelValue = model.value;
+    checkGPT();
+    checkXMChat();
+    function checkGPT() {
+        modelValue = model.value;
+        if (modelValue.includes('gpt')) {
+            gradioApp().querySelector('#header-btn-groups').classList.add('is-gpt');
         } else {
-            document.body.classList.remove("dark");
-            document.body.style.backgroundColor = "";
+            gradioApp().querySelector('#header-btn-groups').classList.remove('is-gpt');
         }
+        // console.log('gpt model checked')
     }
-    
+    function checkXMChat() {
+        modelValue = model.value;
+        if (modelValue.includes('xmchat')) {
+            chatbotArea.classList.add('is-xmchat');
+        } else {
+            chatbotArea.classList.remove('is-xmchat');
+        }
+    }
+
+    model.addEventListener('blur', ()=>{
+        setTimeout(()=>{
+            checkGPT();
+            checkXMChat();
+        }, 100);
+    });
+}
+
+function toggleDarkMode(isEnabled) {
+    if (isEnabled) {
+        document.body.classList.add("dark");
+        document.querySelector('meta[name="theme-color"]').setAttribute('content', '#171717');
+        document.body.style.setProperty("background-color", "var(--neutral-950)", "important");
+    } else {
+        document.body.classList.remove("dark");
+        document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff');
+        document.body.style.backgroundColor = "";
+    }
+}
+function adjustDarkMode() {
     const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");
     apSwitch.checked = darkModeQuery.matches;
     toggleDarkMode(darkModeQuery.matches);
@@ -186,8 +263,55 @@ function adjustDarkMode() {
         toggleDarkMode(e.target.checked);
     });
 }
+function btnToggleDarkMode() {
+    apSwitch.checked = !apSwitch.checked;
+    toggleDarkMode(apSwitch.checked);
+}
+
+function setScrollShadow() {
+    const toolboxScroll = toolbox.querySelector('#toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav');
+    const toolboxTabs = toolboxScroll.querySelectorAll('button');
+    let toolboxScrollWidth = 0;
+    toolboxTabs.forEach((tab) => {
+        toolboxScrollWidth += tab.offsetWidth; // 获取按钮宽度并累加
+    });
+    function adjustScrollShadow() {
+        if (toolboxScroll.scrollLeft > 0) {
+            toolboxScroll.classList.add('scroll-shadow-left');
+        } else {
+            toolboxScroll.classList.remove('scroll-shadow-left');
+        }
+
+        if (toolboxScroll.scrollLeft + toolboxScroll.clientWidth < toolboxScrollWidth) {
+            toolboxScroll.classList.add('scroll-shadow-right');
+        } else {
+            toolboxScroll.classList.remove('scroll-shadow-right');
+        }
+    }
+    toolboxScroll.addEventListener('scroll', () => {
+        adjustScrollShadow();
+    });
+    // no, I failed to make shadow appear on the top layer...
+}
+
+function setPopupBoxPosition() {
+    const screenWidth = window.innerWidth;
+    const screenHeight = window.innerHeight;
+    popupWrapper.style.height = `${screenHeight}px`;
+    popupWrapper.style.width = `${screenWidth}px`;
+    // const popupBoxWidth = 680;
+    // const popupBoxHeight = 400;
+    // chuanhuPopup.style.left = `${(screenWidth - popupBoxWidth) / 2}px`;
+    // chuanhuPopup.style.top = `${(screenHeight - popupBoxHeight) / 2}px`;
+}
+
+function updateVH() {
+    const vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
+}
 
 function setChatbotHeight() {
+    return;
     const screenWidth = window.innerWidth;
     const statusDisplay = document.querySelector('#status-display');
     const statusDisplayHeight = statusDisplay ? statusDisplay.offsetHeight : 0;
@@ -226,8 +350,13 @@ function chatbotContentChanged(attempt = 1) {
             saveHistoryHtml();
             disableSendBtn();
             // gradioApp().querySelectorAll('#chuanhu-chatbot .message-wrap .message.user').forEach((userElement) => {addAvatars(userElement, 'user')});
-            gradioApp().querySelectorAll('#chuanhu-chatbot .message-wrap .message.bot').forEach(addChuanhuButton);
-        }, i === 0 ? 0 : 500);
+            // gradioApp().querySelectorAll('#chuanhu-chatbot > .wrapper > .wrap > .message-wrap .message-row.bot-row').forEach(addChuanhuButton);
+            gradioApp().querySelectorAll('#chuanhu-chatbot .message-wrap .message-row.bot-row').forEach(addChuanhuButton);
+            if (chatbotIndicator.classList.contains('hide')) {
+                setLatestMessage();
+                setChatList();
+            }
+        }, i === 0 ? 0 : 200);
     }
     // 理论上是不需要多次尝试执行的，可惜gradio的bug导致message可能没有渲染完毕，所以尝试500ms后再次执行
 }
@@ -235,10 +364,15 @@ function chatbotContentChanged(attempt = 1) {
 var chatbotObserver = new MutationObserver(() => {
     chatbotContentChanged(1);
     if (chatbotIndicator.classList.contains('hide')) {
+        // setLatestMessage();
         chatbotContentChanged(2);
     }
 });
 
+var chatListObserver = new MutationObserver(() => {
+    setChatList();
+});
+
 // 监视页面内部 DOM 变动
 var gradioObserver = new MutationObserver(function (mutations) {
     for (var i = 0; i < mutations.length; i++) {
@@ -254,12 +388,26 @@ var gradioObserver = new MutationObserver(function (mutations) {
 // 监视页面变化
 window.addEventListener("DOMContentLoaded", function () {
     // const ga = document.getElementsByTagName("gradio-app");
+    updateVH();
+    windowWidth = window.innerWidth;
     gradioApp().addEventListener("render", initialize);
     isInIframe = (window.self !== window.top);
     historyLoaded = false;
 });
-window.addEventListener('resize', setChatbotHeight);
-window.addEventListener('scroll', function(){setChatbotHeight(); setUpdateWindowHeight();});
+window.addEventListener('resize', ()=>{
+    // setChatbotHeight();
+    updateVH();
+    windowWidth = window.innerWidth;
+    setPopupBoxPosition();
+    adjustSide(); 
+});
+window.addEventListener('orientationchange', (event) => {
+    updateVH();
+    windowWidth = window.innerWidth;
+    setPopupBoxPosition();
+    adjustSide();
+});
+window.addEventListener('scroll', ()=>{setPopupBoxPosition();});
 window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", adjustDarkMode);
 
 // console suprise
@@ -293,11 +441,5 @@ let description = `
 GitHub repository: [https://github.com/GaiZhenbiao/ChuanhuChatGPT]\n
 Enjoy our project!\n
 `
-console.log(`%c${makeML(ChuanhuInfo)}`,styleTitle1)
-console.log(`%c${description}`, styleDesc1)
-
-// button svg code
-const copyIcon   = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span>';
-const copiedIcon = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>';
-const mdIcon     = '<span><svg stroke="currentColor" fill="none" stroke-width="1" viewBox="0 0 14 18" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><g transform-origin="center" transform="scale(0.85)"><path d="M1.5,0 L12.5,0 C13.3284271,-1.52179594e-16 14,0.671572875 14,1.5 L14,16.5 C14,17.3284271 13.3284271,18 12.5,18 L1.5,18 C0.671572875,18 1.01453063e-16,17.3284271 0,16.5 L0,1.5 C-1.01453063e-16,0.671572875 0.671572875,1.52179594e-16 1.5,0 Z" stroke-width="1.8"></path><line x1="3.5" y1="3.5" x2="10.5" y2="3.5"></line><line x1="3.5" y1="6.5" x2="8" y2="6.5"></line></g><path d="M4,9 L10,9 C10.5522847,9 11,9.44771525 11,10 L11,13.5 C11,14.0522847 10.5522847,14.5 10,14.5 L4,14.5 C3.44771525,14.5 3,14.0522847 3,13.5 L3,10 C3,9.44771525 3.44771525,9 4,9 Z" stroke="none" fill="currentColor"></path></svg></span>';
-const rawIcon    = '<span><svg stroke="currentColor" fill="none" stroke-width="1.8" viewBox="0 0 18 14" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><g transform-origin="center" transform="scale(0.85)"><polyline points="4 3 0 7 4 11"></polyline><polyline points="14 3 18 7 14 11"></polyline><line x1="12" y1="0" x2="6" y2="14"></line></g></svg></span>';
+console.log(`%c${makeML(ChuanhuInfo)}`,styleTitle1);
+console.log(`%c${description}`, styleDesc1);

web_assets/javascript/chat-history.js

@@ -20,16 +20,27 @@ function loadHistoryHtml() {
         return; // no history, do nothing
     }
     userLogged = localStorage.getItem('userLogged');
-    if (userLogged){
+    hideHistoryWhenNotLoggedIn = gradioApp().querySelector('#hideHistoryWhenNotLoggedIn_config').innerText === "True";
+    if (userLogged || (!userLogged && !hideHistoryWhenNotLoggedIn)){
         historyLoaded = true;
-        return; // logged in, do nothing
+        return; // logged in, do nothing. OR, not logged in but not hide history list, do nothing.
     }
+
+    // 只有用户未登录，还隐藏历史记录列表时，才选用只读历史记录
     if (!historyLoaded) {
         // preprocess, gradio buttons in history lost their event listeners
         var gradioCopyButtons = tempDiv.querySelectorAll('button.copy_code_button');
         for (var i = 0; i < gradioCopyButtons.length; i++) {
             gradioCopyButtons[i].parentNode.removeChild(gradioCopyButtons[i]);
         }
+        var messageBtnRows = tempDiv.querySelectorAll('.message-btn-row');
+        for (var i = 0; i < messageBtnRows.length; i++) {
+            messageBtnRows[i].parentNode.removeChild(messageBtnRows[i]);
+        }
+        var latestMessages = tempDiv.querySelectorAll('.message.latest');
+        for (var i = 0; i < latestMessages.length; i++) {
+            latestMessages[i].classList.remove('latest');
+        }
 
         var fakeHistory = document.createElement('div');
         fakeHistory.classList.add('history-message');
@@ -43,7 +54,7 @@ function loadHistoryHtml() {
         // fakeHistory.innerHTML = historyHtml;
         // chatbotWrap.insertBefore(fakeHistory, chatbotWrap.firstChild);
         historyLoaded = true;
-        console.log("History Loaded");
+        // console.log("History Loaded");
         loadhistorytime += 1; // for debugging
     } else {
         historyLoaded = false;

web_assets/javascript/chat-list.js

@@ -0,0 +1,72 @@
+
+var currentChatName = null;
+
+function setChatListHeader() {
+    var grHistoryRefreshBtn = gradioApp().querySelector('button#gr-history-refresh-btn');
+    var grHistoryUploadBtn = gradioApp().querySelector('button#gr-history-upload-btn');
+
+    grHistoryRefreshBtn.className = "";
+    grHistoryUploadBtn.className = "";
+
+
+    grHistoryRefreshBtn.innerHTML = HistoryRefreshIcon;
+    grHistoryUploadBtn.innerHTML = HistoryUploadIcon;
+}
+
+function setChatList() {
+    var selectedChat = null;
+    var chatList = gradioApp().querySelector('fieldset#history-select-dropdown');
+    selectedChat = chatList.querySelector(".wrap label.selected")
+    if (!selectedChat) {
+        currentChatName = null;
+        return;
+    }
+
+    // if (userLogged) {
+    //     currentChatName = username + "/" + selectedChat.querySelector('span').innerText;
+    // } else {
+        currentChatName = selectedChat.querySelector('span').innerText;
+    // }
+
+    if (selectedChat.classList.contains('added-chat-btns')) {
+        return;
+    }
+
+    chatList.querySelector('.chat-selected-btns')?.remove(); // remove old buttons
+    chatList.querySelectorAll('.added-chat-btns').forEach(chat => chat.classList.remove('added-chat-btns'));
+
+    var ChatSelectedBtns = document.createElement('div');
+    ChatSelectedBtns.classList.add('chat-selected-btns');
+    selectedChat.classList.add('added-chat-btns');
+    ChatSelectedBtns.innerHTML = selectedChatBtns;
+
+    var renameBtn = ChatSelectedBtns.querySelector('#history-rename-btn');
+    renameBtn.addEventListener('click', function () {
+        gradioApp().querySelector('#gr-history-save-btn').click();
+    });
+
+    var deleteBtn = ChatSelectedBtns.querySelector('#history-delete-btn');
+    deleteBtn.addEventListener('click', function () {
+        gradioApp().querySelector('#gr-history-delete-btn').click();
+    });
+    selectedChat.appendChild(ChatSelectedBtns);
+
+    return;
+}
+
+function saveChatHistory(a, b, c, d) {
+    var fileName = b;
+    fileName = prompt(renameChat_i18n, b);
+    if (fileName && fileName.trim() !== "") {
+        return [a, fileName, c, d];
+    } else {
+        return [a, "", c, d];
+    }
+}
+
+const selectedChatBtns = `
+<button id="history-rename-btn"><svg class="icon-need-hover" stroke="currentColor" fill="none" stroke-width="2" height="18px" width="18px" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><path d="M12 20h9"></path><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"></path></svg></button>
+<button id="history-delete-btn"><svg class="icon-need-hover" stroke="currentColor" fill="none" stroke-width="2" height="18px" width="18px" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></button>
+`
+const HistoryRefreshIcon = '<svg class="icon-need-hover" width="18px" height="18px" viewBox="0 0 16.3594 21.9258 " version="1.1" xmlns="http://www.w3.org/2000/svg"><g><path d="M0 11.6367C0 16.1836 3.65625 19.8398 8.17969 19.8398C12.7031 19.8398 16.3594 16.1836 16.3594 11.6367C16.3594 11.1328 16.0078 10.7695 15.4805 10.7695C14.9883 10.7695 14.6719 11.1328 14.6719 11.6367C14.6719 15.2461 11.7773 18.1406 8.17969 18.1406C4.59376 18.1406 1.6875 15.2461 1.6875 11.6367C1.6875 8.03906 4.59376 5.14452 8.17969 5.14452C8.80079 5.14452 9.33985 5.17968 9.83202 5.28516L7.35937 7.72265C7.19531 7.88671 7.11328 8.09765 7.11328 8.30858C7.11328 8.78906 7.47657 9.15235 7.94531 9.15235C8.20312 9.15235 8.40234 9.07032 8.54296 8.91797L12.2578 5.21484C12.4219 5.05078 12.4922 4.85155 12.4922 4.60546C12.4922 4.38281 12.4102 4.16016 12.2578 4.00781L8.54296 0.257808C8.40234 0.093744 8.19141 0 7.9336 0C7.47657 0 7.11328 0.386712 7.11328 0.867192C7.11328 1.08984 7.19531 1.30078 7.34766 1.46484L9.49218 3.57422C9.07031 3.49219 8.62499 3.45703 8.17969 3.45703C3.65625 3.45703 0 7.10155 0 11.6367Z" fill="currentColor"/></g></svg>';
+const HistoryUploadIcon  = '<svg class="icon-need-hover" width="18px" height="18px" viewBox="0 0 21.0234 19.5352" version="1.1" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M4.03125 19.5352C5.34375 19.5352 8.01562 18.1758 9.90234 16.7812C16.4531 16.8281 21.0234 13.1016 21.0234 8.40234C21.0234 3.75 16.3477 0 10.5117 0C4.6875 0 0 3.75 0 8.40234C0 11.4258 1.93359 14.1211 4.83984 15.4336C4.41797 16.2539 3.62109 17.4141 3.19922 17.9766C2.69531 18.6445 3.01172 19.5352 4.03125 19.5352ZM5.17969 17.7891C5.10938 17.8242 5.08594 17.7656 5.13281 17.707C5.67188 17.0391 6.38672 16.0547 6.69141 15.5156C6.98438 14.9883 6.91406 14.4961 6.23438 14.1797C3.35156 12.8438 1.73438 10.7695 1.73438 8.40234C1.73438 4.73438 5.625 1.73438 10.5117 1.73438C15.4102 1.73438 19.2891 4.73438 19.2891 8.40234C19.2891 12.0586 15.4102 15.0586 10.5117 15.0586C10.3945 15.0586 10.1602 15.0586 9.82031 15.0586C9.38672 15.0586 9.05859 15.1992 8.67188 15.5156C7.65234 16.3125 6.03516 17.3789 5.17969 17.7891Z"/><path d="M10.5234 13.1133C10.9805 13.1133 11.3086 12.7969 11.3086 12.3398L11.3086 8.20312L11.2266 6.10547L12.0938 7.19531L13.0312 8.15625C13.1719 8.30859 13.3594 8.37891 13.5938 8.37891C14.0156 8.37891 14.3555 8.05078 14.3555 7.62891C14.3555 7.41797 14.2734 7.21875 14.1445 7.08984L11.1445 4.10156C10.9453 3.90234 10.7578 3.79688 10.5234 3.79688C10.3008 3.79688 10.125 3.89062 9.91406 4.10156L6.91406 7.08984C6.77344 7.21875 6.70312 7.41797 6.70312 7.62891C6.70312 8.05078 7.03125 8.37891 7.46484 8.37891C7.6875 8.37891 7.875 8.29688 8.01562 8.15625L8.96484 7.19531L9.82031 6.11719L9.75 8.20312L9.75 12.3398C9.75 12.7969 10.0781 13.1133 10.5234 13.1133Z"/></g></svg>';

web_assets/javascript/fake-gradio.js

@@ -0,0 +1,111 @@
+
+// Fake gradio components!
+
+// buttons
+function newChatClick() {
+    gradioApp().querySelector('#empty-btn').click();
+}
+function jsonDownloadClick() {
+    gradioApp().querySelector('#gr-history-download-btn').click();
+}
+function mdDownloadClick() {
+    gradioApp().querySelector('#gr-markdown-export-btn').click();
+    gradioApp().querySelector('#gr-history-mardown-download-btn').click();
+
+    // downloadHistory(username, currentChatName, ".md");
+}
+
+// index files
+function setUploader() {
+    transUpload();
+    var uploaderObserver = new MutationObserver(function (mutations) {
+        var fileInput = null;
+        var fileCount = 0;
+        fileInput = gradioApp().querySelector("#upload-index-file table.file-preview");
+        var fileCountSpan = gradioApp().querySelector("#uploaded-files-count");
+        if (fileInput) {
+            chatbotArea.classList.add('with-file');
+            fileCount = fileInput.querySelectorAll('tbody > tr.file').length;
+            fileCountSpan.innerText = fileCount;
+        } else {
+            chatbotArea.classList.remove('with-file');
+            fileCount = 0;
+            transUpload();
+        }
+    });
+    uploaderObserver.observe(uploaderIndicator, {attributes: true})
+}
+var grUploader;
+var chatbotUploader;
+var handleClick = function() {
+    grUploader.click();
+
+};
+function transUpload() {
+    chatbotUploader = gradioApp().querySelector("#upload-files-btn");
+    chatbotUploader.removeEventListener('click', handleClick);
+    grUploader = gradioApp().querySelector("#upload-index-file > .center.flex");
+
+    // let uploaderEvents = ["click", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop"];
+    // transEventListeners(chatbotUploader, grUploader, uploaderEvents);
+
+    chatbotUploader.addEventListener('click', handleClick);
+}
+
+// checkbox
+var grSingleSessionCB;
+var grOnlineSearchCB;
+var chatbotSingleSessionCB;
+var chatbotOnlineSearchCB;
+function setCheckboxes() {
+    chatbotSingleSessionCB = gradioApp().querySelector('input[name="single-session-cb"]');
+    chatbotOnlineSearchCB = gradioApp().querySelector('input[name="online-search-cb"]');
+    grSingleSessionCB = gradioApp().querySelector("#gr-single-session-cb > label > input");
+    grOnlineSearchCB = gradioApp().querySelector("#gr-websearch-cb > label> input");
+
+    chatbotSingleSessionCB.addEventListener('change', (e) => {
+        grSingleSessionCB.checked = chatbotSingleSessionCB.checked;
+        gradioApp().querySelector('#change-single-session-btn').click();
+    });
+    chatbotOnlineSearchCB.addEventListener('change', (e) => {
+        grOnlineSearchCB.checked = chatbotOnlineSearchCB.checked;
+        gradioApp().querySelector('#change-online-search-btn').click();
+    });
+    grSingleSessionCB.addEventListener('change', (e) => {
+        chatbotSingleSessionCB.checked = grSingleSessionCB.checked;
+    });
+    grOnlineSearchCB.addEventListener('change', (e) => {
+        chatbotOnlineSearchCB.checked = grOnlineSearchCB.checked;
+    });
+}
+
+function bgChangeSingleSession() {
+    // const grSingleSessionCB = gradioApp().querySelector("#gr-single-session-cb > label > input");
+    let a = chatbotSingleSessionCB.checked;
+    return [a];
+}
+function bgChangeOnlineSearch() {
+    // const grOnlineSearchCB = gradioApp().querySelector("#gr-websearch-cb > label> input");
+    let a = chatbotOnlineSearchCB.checked;
+    return [a];
+}
+
+// UTILS
+function transEventListeners(target, source, events) {
+    events.forEach((sourceEvent) => {
+        target.addEventListener(sourceEvent, function (targetEvent) {
+            if(targetEvent.preventDefault) targetEvent.preventDefault();
+            if(targetEvent.stopPropagation) targetEvent.stopPropagation();
+
+            source.dispatchEvent(new Event(sourceEvent, {detail: targetEvent.detail}));
+            // console.log(targetEvent.detail);
+        });
+    });
+    /* 事实上，我发现这样写的大多数gradio组件并不适用。。所以。。。生气 */
+}
+
+function bgSelectHistory(a,b){
+    const historySelectorInput = gradioApp().querySelector('#history-select-dropdown input');
+    let file = historySelectorInput.value;
+    return [a,file]
+}

web_assets/javascript/localization.js

@@ -3,72 +3,30 @@
 
 const language = navigator.language.slice(0,2);
 
-const forView_i18n = {
-    'zh': "仅供查看",
-    'en': "For viewing only",
-    'ja': "閲覧専用",
-    'ko': "읽기 전용",
-    'fr': "Pour consultation seulement",
-    'es': "Solo para visualización",
-    'sv': "Endast för visning",
-    'ru': "Только для просмотра"
-};
-
-const deleteConfirm_i18n_pref = {
-    'zh': "你真的要删除 ",
-    'en': "Are you sure you want to delete ",
-    'ja': "本当に ",
-    'ko': "정말로 ",
-    'sv': "Är du säker på att du vill ta bort ",
-    'ru': "Вы уверены, что хотите удалить "
-};
-
-const deleteConfirm_i18n_suff = {
-    'zh': " 吗？",
-    'en': " ?",
-    'ja': " を削除してもよろしいですか？",
-    'ko': " 을(를) 삭제하시겠습니까?",
-    'sv': " ?",
-    'ru': " ?"
-};
-
-const usingLatest_i18n = {
-    'zh': "您使用的就是最新版！",
-    'en': "You are using the latest version!",
-    'ja': "最新バージョンを使用しています！",
-    'ko': "최신 버전을 사용하고 있습니다!",
-    'sv': "Du använder den senaste versionen!",
-    'ru': "Вы используете последнюю версию!"
-};
-
-const updatingMsg_i18n = {
-    'zh': "正在尝试更新...",
-    'en': "Trying to update...",
-    'ja': "更新を試みています...",
-    'ko': "업데이트를 시도 중...",
-    'sv': "Försöker uppdatera...",
-    'ru': "Попытка обновления..."
+var forView_i18n;
+var deleteConfirm_i18n_pref;
+var deleteConfirm_i18n_suff;
+var usingLatest_i18n;
+var updatingMsg_i18n;
+var updateSuccess_i18n;
+var updateFailure_i18n;
+var regenerate_i18n;
+var deleteRound_i18n;
+
+function setLoclize() {
+    forView_i18n = gradioApp().querySelector('#forView_i18n').innerText;
+    deleteConfirm_i18n_pref = gradioApp().querySelector('#deleteConfirm_i18n_pref').innerText;
+    deleteConfirm_i18n_suff = gradioApp().querySelector('#deleteConfirm_i18n_suff').innerText;
+    usingLatest_i18n = gradioApp().querySelector('#usingLatest_i18n').innerText;
+    updatingMsg_i18n = gradioApp().querySelector('#updatingMsg_i18n').innerText;
+    updateSuccess_i18n = gradioApp().querySelector('#updateSuccess_i18n').innerText;
+    updateFailure_i18n = gradioApp().querySelector('#updateFailure_i18n').innerText;
+    regenerate_i18n = gradioApp().querySelector('#regenerate_i18n').innerText;
+    deleteRound_i18n = gradioApp().querySelector('#deleteRound_i18n').innerText;
+    renameChat_i18n = gradioApp().querySelector('#renameChat_i18n').innerText;
 }
 
-const updateSuccess_i18n = {
-    'zh': "更新成功，请重启本程序。",
-    'en': "Updated successfully, please restart this program.",
-    'ja': "更新が成功しました、このプログラムを再起動してください。",
-    'ko': "업데이트 성공, 이 프로그램을 재시작 해주세요.",
-    'sv': "Uppdaterat framgångsrikt, starta om programmet.",
-    'ru': "Обновлено успешно, перезапустите эту программу."
-}
-
-const updateFailure_i18n = {
-    'zh': '更新失败，请尝试<a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">手动更新</a>。',
-    'en': 'Update failed, please try <a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">manually updating</a>.',
-    'ja': '更新に失敗しました、<a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">手動での更新</a>をお試しください。',
-    'ko': '업데이트 실패, <a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">수동 업데이트</a>를 시도하십시오.',
-    'sv': 'Uppdateringen misslyckades, prova att <a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">uppdatera manuellt</a>.',
-    'ru': 'Обновление не удалось, попробуйте <a href="https://github.com/GaiZhenbiao/ChuanhuChatGPT/wiki/使用教程#手动更新" target="_blank">обновление вручную</a>.'
-}
-
-
 function i18n(msg) {
-    return msg.hasOwnProperty(language) ? msg[language] : msg['en'];
+    return msg;
+    // return msg.hasOwnProperty(language) ? msg[language] : msg['en'];
 }

web_assets/javascript/message-button.js

@@ -1,18 +1,26 @@
 
-// 为 bot 消息添加复制与切换显示按钮
+// 为 bot 消息添加复制与切换显示按钮 以及最新消息加上重新生成，删除最新消息，嗯。
+
+function addChuanhuButton(botRow) {
+
+    botElement = botRow.querySelector('.message.bot');
+    isLatestMessage = botElement.classList.contains('latest');
 
-function addChuanhuButton(botElement) {
     var rawMessage = botElement.querySelector('.raw-message');
     var mdMessage = botElement.querySelector('.md-message');
     
     if (!rawMessage) { // 如果没有 raw message，说明是早期历史记录，去除按钮
-        var buttons = botElement.querySelectorAll('button.chuanhu-btn');
-        for (var i = 0; i < buttons.length; i++) {
-            buttons[i].parentNode.removeChild(buttons[i]);
-        }
+        // var buttons = botElement.querySelectorAll('button.chuanhu-btn');
+        // for (var i = 0; i < buttons.length; i++) {
+        //     buttons[i].parentNode.removeChild(buttons[i]);
+        // }
+        botElement.querySelector('.message-btn-row')?.remove();
+        botElement.querySelector('.message-btn-column')?.remove();
         return;
     }
-    botElement.querySelectorAll('button.copy-bot-btn, button.toggle-md-btn').forEach(btn => btn.remove()); // 就算原先有了，也必须重新添加，而不是跳过
+    // botElement.querySelectorAll('button.copy-bot-btn, button.toggle-md-btn').forEach(btn => btn.remove()); // 就算原先有了，也必须重新添加，而不是跳过
+    if (!isLatestMessage) botElement.querySelector('.message-btn-row')?.remove();
+    botElement.querySelector('.message-btn-column')?.remove();
 
     // Copy bot button
     var copyButton = document.createElement('button');
@@ -50,7 +58,7 @@ function addChuanhuButton(botElement) {
             console.error("Copy failed: ", error);
         }
     });
-    botElement.appendChild(copyButton);
+    // botElement.appendChild(copyButton);
 
     // Toggle button
     var toggleButton = document.createElement('button');
@@ -70,7 +78,13 @@ function addChuanhuButton(botElement) {
         }
         chatbotContentChanged(1); // to set md or raw in read-only history html
     });
-    botElement.insertBefore(toggleButton, copyButton);
+    // botElement.insertBefore(toggleButton, copyButton);
+
+    var messageBtnColumn = document.createElement('div');
+    messageBtnColumn.classList.add('message-btn-column');
+    messageBtnColumn.appendChild(toggleButton);
+    messageBtnColumn.appendChild(copyButton);
+    botElement.appendChild(messageBtnColumn);
 
     function renderMarkdownText(message) {
         var mdDiv = message.querySelector('.md-message');
@@ -89,4 +103,90 @@ function addChuanhuButton(botElement) {
     }
 }
 
+function setLatestMessage() {
+    var latestMessage = gradioApp().querySelector('#chuanhu-chatbot > .wrapper > .wrap > .message-wrap .message.bot.latest');
+    if (latestMessage) addLatestMessageButtons(latestMessage);
+}
+
+function addLatestMessageButtons(botElement) {
+    botElement.querySelector('.message-btn-row')?.remove();
+
+    var messageBtnRow = document.createElement('div');
+    messageBtnRow.classList.add('message-btn-row');
+    var messageBtnRowLeading = document.createElement('div');
+    messageBtnRowLeading.classList.add('message-btn-row-leading');
+    var messageBtnRowTrailing = document.createElement('div');
+    messageBtnRowTrailing.classList.add('message-btn-row-trailing');
+
+    messageBtnRow.appendChild(messageBtnRowLeading);
+    messageBtnRow.appendChild(messageBtnRowTrailing);
+
+    botElement.appendChild(messageBtnRow);
+
+    //leading
+    var regenerateButton = document.createElement('button');
+    regenerateButton.classList.add('chuanhu-btn');
+    regenerateButton.classList.add('regenerate-btn');
+    regenerateButton.setAttribute('aria-label', 'Regenerate');
+    regenerateButton.innerHTML = regenIcon + `<span>${i18n(regenerate_i18n)}</span>`;
+
+    var gradioRetryBtn = gradioApp().querySelector('#gr-retry-btn');
+    regenerateButton.addEventListener('click', () => {
+        gradioRetryBtn.click();
+    });
+
+    var deleteButton = document.createElement('button');
+    deleteButton.classList.add('chuanhu-btn');
+    deleteButton.classList.add('delete-latest-btn');
+    deleteButton.setAttribute('aria-label', 'Delete');
+    deleteButton.innerHTML = deleteIcon + `<span>${i18n(deleteRound_i18n)}</span>`;
+
+    var gradioDelLastBtn = gradioApp().querySelector('#gr-dellast-btn');
+    deleteButton.addEventListener('click', () => {
+        gradioDelLastBtn.click();
+        chatbotContentChanged(2);
+    });
+
+    messageBtnRowLeading.appendChild(regenerateButton);
+    messageBtnRowLeading.appendChild(deleteButton);
+
+    // trailing
+    var likeButton = document.createElement('button');
+    likeButton.classList.add('chuanhu-btn');
+    likeButton.classList.add('like-latest-btn');
+    likeButton.setAttribute('aria-label', 'Like');
+    likeButton.innerHTML = likeIcon;
+
+    var gradioLikeBtn = gradioApp().querySelector('#gr-like-btn');
+    likeButton.addEventListener('click', () => {
+        gradioLikeBtn.click();
+    });
+
+    var dislikeButton = document.createElement('button');
+    dislikeButton.classList.add('chuanhu-btn');
+    dislikeButton.classList.add('dislike-latest-btn');
+    dislikeButton.setAttribute('aria-label', 'Dislike');
+    dislikeButton.innerHTML = dislikeIcon;
+
+    var gradioDislikeBtn = gradioApp().querySelector('#gr-dislike-btn');
+    dislikeButton.addEventListener('click', () => {
+        gradioDislikeBtn.click();
+    });
+
+    messageBtnRowTrailing.appendChild(likeButton);
+    messageBtnRowTrailing.appendChild(dislikeButton);
+}
+
+
+// button svg code
+const copyIcon   = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg></span>';
+const copiedIcon = '<span><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 6 9 17 4 12"></polyline></svg></span>';
+const mdIcon     = '<span><svg stroke="currentColor" fill="none" stroke-width="1" viewBox="0 0 14 18" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><g transform-origin="center" transform="scale(0.85)"><path d="M1.5,0 L12.5,0 C13.3284271,-1.52179594e-16 14,0.671572875 14,1.5 L14,16.5 C14,17.3284271 13.3284271,18 12.5,18 L1.5,18 C0.671572875,18 1.01453063e-16,17.3284271 0,16.5 L0,1.5 C-1.01453063e-16,0.671572875 0.671572875,1.52179594e-16 1.5,0 Z" stroke-width="1.8"></path><line x1="3.5" y1="3.5" x2="10.5" y2="3.5"></line><line x1="3.5" y1="6.5" x2="8" y2="6.5"></line></g><path d="M4,9 L10,9 C10.5522847,9 11,9.44771525 11,10 L11,13.5 C11,14.0522847 10.5522847,14.5 10,14.5 L4,14.5 C3.44771525,14.5 3,14.0522847 3,13.5 L3,10 C3,9.44771525 3.44771525,9 4,9 Z" stroke="none" fill="currentColor"></path></svg></span>';
+const rawIcon    = '<span><svg stroke="currentColor" fill="none" stroke-width="1.8" viewBox="0 0 18 14" stroke-linecap="round" stroke-linejoin="round" height=".8em" width=".8em" xmlns="http://www.w3.org/2000/svg"><g transform-origin="center" transform="scale(0.85)"><polyline points="4 3 0 7 4 11"></polyline><polyline points="14 3 18 7 14 11"></polyline><line x1="12" y1="0" x2="6" y2="14"></line></g></svg></span>';
+
+const regenIcon  = '<span><svg viewBox="0 0 15.6737 14.3099" height="11px" width="10px" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M8.52344 14.3043C12.4453 14.3043 15.6737 11.0704 15.6737 7.15396C15.6737 3.23385 12.4453 0 8.52344 0C4.61357 0 1.39193 3.20969 1.37314 7.11614L2.77012 7.11614C2.78891 3.94173 5.34391 1.40431 8.52344 1.40431C11.7096 1.40431 14.2785 3.96418 14.2785 7.15396C14.2785 10.3401 11.7096 12.9163 8.52344 12.9073C6.6559 12.9036 5.0325 12.0192 3.98219 10.6317C3.70247 10.3165 3.29141 10.2174 2.96431 10.4686C2.65796 10.6988 2.60863 11.1321 2.91325 11.5028C4.17573 13.1677 6.28972 14.3043 8.52344 14.3043ZM0.520576 5.73631C-0.0035439 5.73631-0.140743 6.14811 0.149274 6.53993L1.86425 8.89772C2.08543 9.20509 2.4372 9.20143 2.65301 8.89772L4.36628 6.53626C4.64726 6.14981 4.51544 5.73631 3.99839 5.73631Z"/></g></svg></span>';
+const deleteIcon = '<span><svg viewBox="0 0 17.0644 12.9388" height="11px" width="11px" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M4.85464 12.9388L12.2098 12.9388C13.6299 12.9388 14.26 12.2074 14.4792 10.7927L15.6069 3.38561L14.2702 3.42907L13.1479 10.686C13.049 11.3506 12.7252 11.6268 12.12 11.6268L4.94444 11.6268C4.32818 11.6268 4.01711 11.3506 3.91652 10.686L2.79421 3.42907L1.45752 3.38561L2.5852 10.7927C2.80443 12.2147 3.43453 12.9388 4.85464 12.9388ZM1.5018 4.10325L15.5643 4.10325C16.5061 4.10325 17.0644 3.49076 17.0644 2.55799L17.0644 1.55796C17.0644 0.623227 16.5061 0.0144053 15.5643 0.0144053L1.5018 0.0144053C0.588798 0.0144053 0 0.623227 0 1.55796L0 2.55799C0 3.49076 0.561696 4.10325 1.5018 4.10325ZM1.72372 2.88176C1.41559 2.88176 1.26666 2.7255 1.26666 2.412L1.26666 1.70028C1.26666 1.39215 1.41559 1.23589 1.72372 1.23589L15.3444 1.23589C15.6542 1.23589 15.7978 1.39215 15.7978 1.70028L15.7978 2.412C15.7978 2.7255 15.6542 2.88176 15.3444 2.88176Z"/><path d="M6.62087 10.2995C6.77686 10.2995 6.90282 10.2353 7.01438 10.1274L8.53038 8.60625L10.0517 10.1274C10.1633 10.2316 10.2876 10.2995 10.4526 10.2995C10.7594 10.2995 11.0131 10.0368 11.0131 9.72824C11.0131 9.56151 10.9542 9.44092 10.8427 9.32936L9.33033 7.81679L10.8463 6.29151C10.965 6.17458 11.0184 6.0557 11.0184 5.90166C11.0184 5.58407 10.7685 5.33044 10.4526 5.33044C10.302 5.33044 10.1814 5.38928 10.0608 5.5062L8.53038 7.03269L7.01072 5.50987C6.89379 5.39831 6.77686 5.33947 6.62087 5.33947C6.31036 5.33947 6.05307 5.59311 6.05307 5.90166C6.05307 6.05936 6.11019 6.18899 6.22346 6.29688L7.73579 7.81679L6.22346 9.33303C6.1119 9.44092 6.05307 9.56688 6.05307 9.72824C6.05307 10.0405 6.3067 10.2995 6.62087 10.2995Z"/></g></svg></span>';
+    // const deleteIcon = '<span><svg stroke="currentColor" fill="none" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" height="11px" width="11px" viewBox="0 0 216 163" version="1.1" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="215" height="39" rx="9"/><path d="M197.485,39.535 L181.664,145.870 C180.953,150.648 178.547,154.805 175.110,157.768 C171.674,160.731 167.207,162.500 162.376,162.500 L53.558,162.500 C48.737,162.500 44.278,160.738 40.843,157.785 C37.409,154.831 34.999,150.686 34.278,145.919 L18.173,39.535 L197.485,39.535 Z" /><line x1="79.5" y1="71.5" x2="135.5" y2="127.5"/><line x1="79.5" y1="127.5" x2="135.5" y2="71.5"/></svg></span>'
 
+const likeIcon   = '<span><svg viewBox="0 0 14.4675 15.7462" height="11px" width="11px" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M0 10.371C0 12.7447 1.51703 14.6758 3.48611 14.6758L5.667 14.6758C6.55809 15.123 7.61471 15.3774 8.77071 15.3774L9.69842 15.3774C10.58 15.3774 11.3136 15.3276 11.7943 15.2026C12.7703 14.9639 13.3931 14.2618 13.3931 13.3949C13.3931 13.2345 13.3677 13.0941 13.3208 12.9537C13.7842 12.5939 14.042 12.0763 14.042 11.4997C14.042 11.2309 13.9917 10.9655 13.8908 10.7507C14.206 10.4318 14.3799 9.96358 14.3799 9.46848C14.3799 9.14304 14.3027 8.81345 14.1645 8.57078C14.3581 8.2876 14.4675 7.90016 14.4675 7.47879C14.4675 6.42124 13.6602 5.60147 12.6063 5.60147L10.1642 5.60147C10.0006 5.60147 9.8919 5.52528 9.89873 5.37707C9.94826 4.69467 11.0035 3.06283 11.0035 1.72154C11.0035 0.72357 10.3014 0 9.33735 0C8.63623 0 8.15116 0.370089 7.70051 1.23942C6.86069 2.86536 5.8793 4.19561 4.39803 6.0414L3.23221 6.0414C1.38812 6.0414 0 7.9527 0 10.371ZM4.16181 10.3188C4.16181 8.90914 4.47725 8.01363 5.3808 6.80246C6.38763 5.45238 7.78384 3.82937 8.78871 1.82159C8.99528 1.42114 9.12909 1.3181 9.34054 1.3181C9.5974 1.3181 9.76222 1.50416 9.76222 1.81548C9.76222 2.78038 8.64211 4.4305 8.64211 5.51371C8.64211 6.3203 9.28051 6.84271 10.1713 6.84271L12.5653 6.84271C12.9408 6.84271 13.2246 7.12839 13.2246 7.50612C13.2246 7.76811 13.1415 7.94147 12.9377 8.15218C12.7334 8.34524 12.7053 8.65131 12.8901 8.84536C13.0595 9.07976 13.1352 9.25141 13.1352 9.47018C13.1352 9.73072 13.007 9.95486 12.7653 10.139C12.5131 10.3172 12.4299 10.6154 12.5712 10.9049C12.7031 11.1466 12.77 11.2853 12.77 11.4877C12.77 11.7944 12.5751 12.0361 12.1869 12.2381C11.9475 12.3752 11.8772 12.6425 11.9851 12.8802C12.1062 13.1749 12.1242 13.2435 12.1225 13.3864C12.1225 13.6664 11.9184 13.8921 11.4792 14.0019C11.0907 14.1006 10.4594 14.1416 9.60644 14.1399L8.82296 14.1382C6.03316 14.1313 4.16181 12.5581 4.16181 10.3188ZM1.21733 10.371C1.21733 8.67034 2.08408 7.32534 3.09216 7.26898C3.26992 7.26556 3.44573 7.26386 3.62349 7.26215C3.13079 8.20088 2.91716 9.15693 2.91716 10.3266C2.91716 11.5559 3.35395 12.646 4.14963 13.4907C3.90227 13.4907 3.64466 13.489 3.39046 13.4872C2.20833 13.4275 1.21733 12.0649 1.21733 10.371Z"/></g></svg></span>';
+const dislikeIcon= '<span><svg viewBox="0 0 14.4675 15.5664" height="11px" width="11px" xmlns="http://www.w3.org/2000/svg"><g fill="currentColor"><path d="M14.4675 5.19535C14.4675 2.82169 12.9488 0.890613 10.9814 0.890613L8.7988 0.890613C7.90771 0.443351 6.85109 0.188955 5.70046 0.188955L4.76908 0.188955C3.88948 0.188955 3.15391 0.238755 2.6715 0.363751C1.6972 0.602507 1.07444 1.30459 1.07444 2.17147C1.07444 2.33189 1.09984 2.47228 1.14501 2.61267C0.683343 2.97251 0.423822 3.49007 0.423822 4.06671C0.423822 4.33551 0.47778 4.60089 0.574954 4.81574C0.265139 5.13456 0.0859375 5.60282 0.0859375 6.09792C0.0859375 6.42336 0.168459 6.75295 0.302984 6.99562C0.11304 7.2788 0 7.66624 0 8.0859C0 9.14516 0.807327 9.96493 1.8595 9.96493L4.30164 9.96493C4.46695 9.96493 4.57561 10.0411 4.56707 10.1893C4.51754 10.8717 3.46404 12.5036 3.46404 13.8449C3.46404 14.8428 4.16442 15.5664 5.12845 15.5664C5.83128 15.5664 6.31634 15.1963 6.76895 14.327C7.60878 12.701 8.5882 11.3708 10.0695 9.525L11.2353 9.525C13.0794 9.525 14.4675 7.6137 14.4675 5.19535ZM10.3057 5.24758C10.3057 6.65726 9.98855 7.55277 9.09036 8.76394C8.07817 10.114 6.68196 11.737 5.67709 13.7448C5.47418 14.1453 5.33671 14.2483 5.12697 14.2483C4.87376 14.2483 4.70528 14.0622 4.70528 13.7509C4.70528 12.786 5.82539 11.1359 5.82539 10.0527C5.82539 9.2461 5.187 8.72369 4.29816 8.72369L1.90049 8.72369C1.52497 8.72369 1.24124 8.43801 1.24124 8.06028C1.24124 7.79829 1.32426 7.62493 1.52984 7.41422C1.7361 7.22116 1.76051 6.91509 1.5811 6.72104C1.41166 6.48664 1.3323 6.31499 1.3323 6.09622C1.3323 5.83398 1.46049 5.61154 1.70587 5.42744C1.95436 5.24925 2.03956 4.95098 1.89627 4.66148C1.76271 4.41976 1.69581 4.28108 1.69581 4.07866C1.69581 3.77199 1.89065 3.53027 2.28058 3.32835C2.52003 3.19117 2.59033 2.92392 2.4861 2.68447C2.35962 2.39146 2.34155 2.32115 2.34497 2.17831C2.34497 1.89995 2.54909 1.67434 2.99028 1.56447C3.38042 1.46584 4.01005 1.42116 4.85936 1.42653L5.64284 1.42824C8.43435 1.4424 10.3057 3.00833 10.3057 5.24758ZM13.2502 5.19535C13.2502 6.89606 12.3834 8.24106 11.3736 8.29742C11.2013 8.30084 11.0218 8.30254 10.844 8.30425C11.3367 7.36552 11.5486 6.40947 11.5486 5.23978C11.5486 4.01052 11.1136 2.92044 10.3162 2.07574C10.5689 2.07574 10.8228 2.07745 11.077 2.07915C12.2575 2.13893 13.2502 3.50151 13.2502 5.19535Z"/></g></svg></span>'

web_assets/javascript/updater.js

@@ -60,6 +60,7 @@ async function updateLatestVersion() {
     
     const versionTime = document.getElementById('version-time').innerText;
     const localVersionTime = versionTime !== "unknown" ? (new Date(versionTime)).getTime() : 0;
+    disableUpdateBtns();
     updateInfoGotten = true; //无论成功与否都只执行一次，否则容易api超限...
     try {
         const data = await getLatestRelease();
@@ -75,7 +76,9 @@ async function updateLatestVersion() {
                 latestVersionElement.textContent = latestVersion;
                 console.log(`New version ${latestVersion} found!`);
                 if (!isInIframe) openUpdateToast();
+                gradioApp().classList.add('is-outdated');
             }
+            enableUpdateBtns();
         } else { //如果当前版本号获取失败，使用时间比较
             const latestVersionTime = (new Date(data.created_at)).getTime();
             if (latestVersionTime) {
@@ -88,6 +91,7 @@ async function updateLatestVersion() {
                     disableUpdateBtn_enableCancelBtn();
                     localStorage.setItem('isLatestVersion', 'false');
                     isLatestVersion = false;
+                    gradioApp().classList.add('is-outdated');
                 } else if (localVersionTime < latestVersionTime) {
                     const infoMessage = `Local version check failed, it seems to be a local rivision. \n\nBut latest revision is ${latestVersionInfo}. Try ${manualUpdateInfo}.`
                     versionInfoElement.innerHTML = marked.parse(infoMessage, {mangle: false, headerIds: false});
@@ -96,15 +100,19 @@ async function updateLatestVersion() {
                     // if (!isInIframe) openUpdateToast();
                     localStorage.setItem('isLatestVersion', 'false');
                     isLatestVersion = false;
+                    gradioApp().classList.add('is-outdated');
                 } else {
                     noUpdate("Local version check failed, it seems to be a local rivision. <br>But your revision is newer than the latest release.");
+                    gradioApp().classList.add('is-outdated');
                 }
             }
         }
         currentTime = new Date().getTime();
         localStorage.setItem('lastCheckTime', currentTime);
+        disableUpdateBtn_enableCancelBtn()
     } catch (error) {
         console.error(error);
+        disableUpdateBtn_enableCancelBtn()
     }
 }
 
@@ -135,14 +143,16 @@ function cancelUpdate() {
 }
 function openUpdateToast() {
     showingUpdateInfo = true;
-    setUpdateWindowHeight();
+    updateToast.style.setProperty('top', '0px');
+    showMask("update-toast");
 }
 function closeUpdateToast() {
-    updateToast.style.setProperty('top', '-500px');
+    updateToast.style.setProperty('top', '-600px');
     showingUpdateInfo = false;
     if (updatingInfoElement.classList.contains('hideK') === false) {
         updatingInfoElement.classList.add('hideK');
     }
+    document.querySelector('.chuanhu-mask')?.remove();
 }
 function manualCheckUpdate() {
     openUpdateToast();
@@ -197,10 +207,10 @@ function disableUpdateBtn_enableCancelBtn() {
     document.querySelector('#cancel-button.btn-update').disabled = false;
 }
 
-function setUpdateWindowHeight() {
-    if (!showingUpdateInfo) {return;}
-    const scrollPosition = window.scrollY;
-    // const originalTop = updateToast.style.getPropertyValue('top');
-    const resultTop = scrollPosition - 20 + 'px';
-    updateToast.style.setProperty('top', resultTop);
-}
+// function setUpdateWindowHeight() {
+//     if (!showingUpdateInfo) {return;}
+//     const scrollPosition = window.scrollY;
+//     // const originalTop = updateToast.style.getPropertyValue('top');
+//     const resultTop = scrollPosition - 20 + 'px';
+//     updateToast.style.setProperty('top', resultTop);
+// }

web_assets/javascript/user-info.js

@@ -1,6 +1,7 @@
 
-var userLogged = false;
+// var userLogged = false;
 var usernameGotten = false;
+var usernameTmp = null;
 var username = null;
 
 
@@ -8,27 +9,28 @@ function getUserInfo() {
     if (usernameGotten) {
         return;
     }
-    userLogged = localStorage.getItem('userLogged');
-    if (userLogged) {
-        username = userInfoDiv.innerText;
-        if (username) {
-            if (username.includes("getting user info…")) {
-                setTimeout(getUserInfo, 500);
-                return;
-            } else if (username === " ") {
-                localStorage.removeItem("username");
-                localStorage.removeItem("userLogged")
-                userLogged = false;
-                usernameGotten = true;
-                return;
-            } else {
-                username = username.match(/User:\s*(.*)/)[1] || username;
-                localStorage.setItem("username", username);
-                usernameGotten = true;
-                clearHistoryHtml();
-            }
+    // userLogged = localStorage.getItem('userLogged');
+    // if (userLogged) {
+    usernameTmp = userInfoDiv.innerText;
+    if (usernameTmp) {
+        if (usernameTmp.includes("getting user info")) {
+            setTimeout(getUserInfo, 500);
+            return;
+        } else if (usernameTmp === " ") {
+            localStorage.removeItem("username");
+            // localStorage.removeItem("userLogged")
+            // userLogged = false;
+            usernameGotten = true;
+            return;
+        } else {
+            usernameTmp = usernameTmp.match(/User:\s*(.*)/)[1] || usernameTmp;
+            localStorage.setItem("username", usernameTmp);
+            username = usernameTmp;
+            usernameGotten = true;
+            clearHistoryHtml();
         }
     }
+    // }
 }
 
 function showOrHideUserInfo() {
@@ -47,7 +49,8 @@ function showOrHideUserInfo() {
         toggleUserInfoVisibility(true);
     }, 2000);
 
-    let triggerElements = {appTitleDiv, userInfoDiv, sendBtn};
+    // let triggerElements = {appTitleDiv, userInfoDiv, sendBtn};
+    let triggerElements = {userInfoDiv, statusDisplay};
     for (let elem in triggerElements) {
         triggerElements[elem].addEventListener("mouseenter", function () {
             toggleUserInfoVisibility(false);

web_assets/javascript/utils.js

@@ -1,25 +1,4 @@
 
-var gradioUploader = null;
-
-function testUpload(target) {
-    gradioUploader = gradioApp().querySelector("#upload-index-file > .center.flex");
-    let uploaderEvents = ["click", "drag", "dragend", "dragenter", "dragleave", "dragover", "dragstart", "drop"];
-    transEventListeners(target, gradioUploader, uploaderEvents);
-}
-
-
-function transEventListeners(target, source, events) {
-    events.forEach((sourceEvent) => {
-        target.addEventListener(sourceEvent, function (targetEvent) {
-            if(targetEvent.preventDefault) targetEvent.preventDefault();
-            if(targetEvent.stopPropagation) targetEvent.stopPropagation();
-
-            source.dispatchEvent(new Event(sourceEvent, {detail: targetEvent.detail}));
-            console.log(targetEvent.detail);
-        });
-    });
-}
-
 
 function isImgUrl(url) {
     const imageExtensions = /\.(jpg|jpeg|png|gif|bmp|webp)$/i;
@@ -36,6 +15,62 @@ function isImgUrl(url) {
     return false;
 }
 
+function downloadHistory(gradioUsername, historyname, format=".json") {
+    let fileUrl;
+    if (gradioUsername === null || gradioUsername.trim() === "") {
+        fileUrl = `/file=./history/${historyname}`;
+    } else {
+        fileUrl = `/file=./history/${gradioUsername}/${historyname}`;
+    }
+    downloadFile(fileUrl, historyname, format);
+}
+
+function downloadFile(fileUrl, filename = "", format = "", retryTimeout = 200, maxAttempts = 10) {
+
+    fileUrl = fileUrl + format;
+    filename = filename + format;
+
+    let attempts = 0;
+
+    async function tryDownload() {
+        if (attempts >= maxAttempts) {
+            console.error('Max attempts reached, download failed.');
+            alert('Download failed:' + filename);
+            return;
+        }
+        try {
+            const response = await fetch(fileUrl);
+            if (!response.ok) {
+                attempts++;
+                console.error("Error fetching file, retrying...");
+                setTimeout(tryDownload, retryTimeout);
+            } else {
+                response.blob()
+                    .then(blob => {
+                        const url = URL.createObjectURL(blob);
+                        const a = document.createElement('a');
+                        a.style.display = 'none';
+                        a.href = url;
+                        a.download = filename;
+                        document.body.appendChild(a);
+                        a.click();
+                        URL.revokeObjectURL(url);
+                        document.body.removeChild(a);
+                    })
+                    .catch(error => {
+                        console.error('Error downloading file:', error);
+                    });
+            }
+        } catch (error) {
+            attempts++;
+            setTimeout(tryDownload, retryTimeout);
+        }
+    }
+
+    tryDownload();
+}
+    
+
 
 /* NOTE: These reload functions are not used in the current version of the code.
  *       From stable-diffusion-webui

web_assets/javascript/webui.js

@@ -0,0 +1,303 @@
+
+function openSettingBox() {
+    chuanhuPopup.classList.add('showBox');
+    popupWrapper.classList.add('showBox');
+    settingBox.classList.remove('hideBox');
+    trainingBox.classList.add('hideBox');
+    showMask("box");
+
+}
+
+function openTrainingBox() {
+    chuanhuPopup.classList.add('showBox');
+    popupWrapper.classList.add('showBox');
+    trainingBox.classList.remove('hideBox');
+    settingBox.classList.add('hideBox');
+    showMask("box");
+}
+
+function openChatMore() {
+    chatbotArea.classList.add('show-chat-more');
+    showMask("chat-more");
+}
+
+function closeChatMore() {
+    chatbotArea.classList.remove('show-chat-more');
+    chatbotArea.querySelector('.chuanhu-mask')?.remove();
+}
+
+
+function showMask(obj) {
+    const mask = document.createElement('div');
+    mask.classList.add('chuanhu-mask');
+    if (obj == "box") {
+        mask.classList.add('mask-blur');
+        document.body.classList.add('popup-open');
+        popupWrapper.appendChild(mask);
+    } else if (obj == "chat-more") {
+        mask.classList.add('transparent-mask');
+        chatbotArea.querySelector('#chatbot-input-more-area').parentNode.appendChild(mask);
+    } else if (obj == "update-toast") {
+        mask.classList.add('chuanhu-top-mask');
+        document.body.appendChild(mask);
+        // mask.classList.add('transparent-mask');
+    }
+    
+    
+
+    mask.addEventListener('click', () => {
+        if (obj == "box") {
+            closeBox();
+        } else if (obj == "chat-more") {
+            closeChatMore();
+        } else if (obj == "update-toast") {
+            closeUpdateToast();
+        }
+    });
+}
+
+function chatMoreBtnClick() {
+    if (chatbotArea.classList.contains('show-chat-more')) {
+        closeChatMore();
+    } else {
+        openChatMore();
+    }
+}
+
+function closeBtnClick(obj) {
+    if (obj == "box") {
+        closeBox();
+    } else if (obj == "toolbox") {
+        closeSide(toolbox);
+        wantOpenToolbox = false;
+    }
+}
+
+function closeBox() {
+    chuanhuPopup.classList.remove('showBox');
+    popupWrapper.classList.remove('showBox');
+    trainingBox.classList.add('hideBox');
+    settingBox.classList.add('hideBox');
+    document.querySelector('.chuanhu-mask')?.remove();
+    document.body.classList.remove('popup-open');
+}
+
+function closeSide(sideArea) {
+    document.body.classList.remove('popup-open');
+    sideArea.classList.remove('showSide');
+    if (sideArea == toolbox) {
+        chuanhuHeader.classList.remove('under-box');
+        chatbotArea.classList.remove('toolbox-open')
+        toolboxOpening = false;
+    } else if (sideArea == menu) {
+        chatbotArea.classList.remove('menu-open')
+        menuOpening = false;
+    }
+    adjustMask();
+}
+
+function openSide(sideArea) {
+    sideArea.classList.add('showSide');
+    if (sideArea == toolbox) {
+        chuanhuHeader.classList.add('under-box');
+        chatbotArea.classList.add('toolbox-open')
+        toolboxOpening = true;
+    } else if (sideArea == menu) {
+        chatbotArea.classList.add('menu-open')
+        menuOpening = true;
+    }
+    // document.body.classList.add('popup-open');
+}
+
+function menuClick() {
+    shouldAutoClose = false;
+    if (menuOpening) {
+        closeSide(menu);
+        wantOpenMenu = false;
+    } else {
+        if (windowWidth < 1024 && toolboxOpening) {
+            closeSide(toolbox);
+            wantOpenToolbox = false;
+        }
+        openSide(menu);
+        wantOpenMenu = true;
+    }
+    adjustSide();
+}
+
+function toolboxClick() {
+    shouldAutoClose = false;
+    if (toolboxOpening) {
+        closeSide(toolbox);
+        wantOpenToolbox = false;
+    } else {
+        if (windowWidth < 1024 && menuOpening) {
+            closeSide(menu);
+            wantOpenMenu = false;
+        }
+        openSide(toolbox);
+        wantOpenToolbox = true;
+    }
+    adjustSide();
+}
+
+var menuOpening = false;
+var toolboxOpening = false;
+var shouldAutoClose = true;
+var wantOpenMenu = windowWidth > 768;
+var wantOpenToolbox = windowWidth >= 1024;
+
+function adjustSide() {
+    if (windowWidth >= 1024) {
+        shouldAutoClose = true;
+        if (wantOpenMenu) {
+            openSide(menu);
+            if (wantOpenToolbox) openSide(toolbox);
+        } else if (wantOpenToolbox) {
+            openSide(toolbox);
+        } else {
+            closeSide(menu);
+            closeSide(toolbox);
+        }
+    } else if (windowWidth > 768 && windowWidth < 1024 ) {
+        shouldAutoClose = true;
+        if (wantOpenToolbox) {
+            if (wantOpenMenu) {
+                closeSide(toolbox);
+                openSide(menu);
+            } else {
+                closeSide(menu);
+                openSide(toolbox);
+            }
+        } else if (wantOpenMenu) {
+            if (wantOpenToolbox) {
+                closeSide(menu);
+                openSide(toolbox);
+            } else {
+                closeSide(toolbox);
+                openSide(menu);
+            }
+        } else if (!wantOpenMenu && !wantOpenToolbox){
+            closeSide(menu);
+            closeSide(toolbox);
+        }
+    } else { // windowWidth <= 768
+        if (shouldAutoClose) {
+            closeSide(menu);
+            // closeSide(toolbox);
+        }
+    }
+    checkChatbotWidth();
+    adjustMask();
+}
+
+function adjustMask() {
+    var sideMask = null;
+    if (!gradioApp().querySelector('.chuanhu-side-mask')) {
+        sideMask = document.createElement('div');
+        sideMask.classList.add('chuanhu-side-mask');
+        gradioApp().appendChild(sideMask);
+        sideMask.addEventListener('click', () => {
+            closeSide(menu);
+            closeSide(toolbox);
+        });
+    }
+    sideMask = gradioApp().querySelector('.chuanhu-side-mask');
+
+    if (windowWidth > 768) {
+        sideMask.style.backgroundColor = 'rgba(0, 0, 0, 0)';
+        setTimeout(() => {sideMask.style.display = 'none'; }, 100);
+        return;
+    }
+    // if (windowWidth <= 768)
+    if (menuOpening || toolboxOpening) {
+        document.body.classList.add('popup-open');
+        sideMask.style.display = 'block';
+        setTimeout(() => {sideMask.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';}, 200);
+        sideMask.classList.add('mask-blur');
+    } else if (!menuOpening && !toolboxOpening) {
+        sideMask.style.backgroundColor = 'rgba(0, 0, 0, 0)';
+        setTimeout(() => {sideMask.style.display = 'none'; }, 100);
+    }
+}
+
+function checkChatbotWidth() {
+    // let chatbotWidth = chatbotArea.clientWidth;
+    // if (chatbotWidth > 488) {
+    if (windowWidth > 768) {
+        chatbotArea.classList.add('chatbot-full-width');
+    } else {
+        chatbotArea.classList.remove('chatbot-full-width');
+    }
+
+    if (windowWidth > 768) {
+        chatbotArea.classList.remove('no-toolbox');
+        chatbotArea.classList.remove('no-menu');
+
+        if (!chatbotArea.classList.contains('toolbox-open') && chatbotArea.classList.contains('menu-open')) {
+            chatbotArea.classList.add('no-toolbox');
+        } else if (!chatbotArea.classList.contains('menu-open') && chatbotArea.classList.contains('toolbox-open')) {
+            chatbotArea.classList.add('no-menu');
+        } else if (!chatbotArea.classList.contains('menu-open') && !chatbotArea.classList.contains('toolbox-open')) {
+            chatbotArea.classList.add('no-toolbox');
+            chatbotArea.classList.add('no-menu');
+        }
+    }
+
+    checkChatMoreMask();
+}
+
+function checkChatMoreMask() {
+    if (!chatbotArea.classList.contains('chatbot-full-width')) {
+        chatbotArea.querySelector('.chuanhu-mask')?.remove();
+        chatbotArea.classList.remove('show-chat-more');
+    }
+}
+
+/*
+function setHistroyPanel() {
+    const historySelectorInput = gradioApp().querySelector('#history-select-dropdown input');
+    const historyPanel = document.createElement('div');
+    historyPanel.classList.add('chuanhu-history-panel');
+    historySelector.parentNode.insertBefore(historyPanel, historySelector);
+    var historyList=null;
+
+    historySelectorInput.addEventListener('click', (e) => {
+        e.stopPropagation();
+        historyList = gradioApp().querySelector('#history-select-dropdown ul.options');
+
+        if (historyList) {
+            // gradioApp().querySelector('.chuanhu-history-panel')?.remove();
+            historyPanel.innerHTML = '';
+            let historyListClone = historyList.cloneNode(true);
+            historyListClone.removeAttribute('style');
+            // historyList.classList.add('hidden');
+            historyList.classList.add('hideK');
+            historyPanel.appendChild(historyListClone);
+            addHistoryPanelListener(historyPanel);
+            // historySelector.parentNode.insertBefore(historyPanel, historySelector);
+        }
+    });
+}
+*/
+
+// function addHistoryPanelListener(historyPanel){
+//     historyPanel.querySelectorAll('ul.options > li').forEach((historyItem) => {
+//         historyItem.addEventListener('click', (e) => {
+//             const historySelectorInput = gradioApp().querySelector('#history-select-dropdown input');
+//             const historySelectBtn = gradioApp().querySelector('#history-select-btn');
+//             historySelectorInput.value = historyItem.innerText;
+//             historySelectBtn.click();
+//         });
+//     });
+// }
+
+
+// function testTrain() {
+    
+//     trainBody.classList.toggle('hide-body');
+//     trainingBox.classList.remove('hideBox');
+
+//     var chuanhuBody = document.querySelector('#chuanhu-body');
+//     chuanhuBody.classList.toggle('hide-body');
+// }

web_assets/manifest.json

@@ -0,0 +1,22 @@
+{
+    "name": "川虎Chat",
+    "short_name": "川虎Chat",
+    "description": "川虎Chat - 为ChatGPT等多种LLM提供了一个轻快好用的Web图形界面和众多附加功能 \nChuanhu Chat - Lightweight and User-friendly Web-UI for LLMs including ChatGPT/ChatGLM/LLaMA ",
+    "display": "standalone",
+    "scope": "/",
+    "start_url": "/",
+    "icons": [
+        {
+            "src": "/file=web_assets/icon/mask-icon-512.png",
+            "type": "image/png",
+            "sizes": "512x512",
+            "purpose": "maskable"
+        },
+        {
+            "src": "/file=web_assets/icon/any-icon-512.png",
+            "type": "image/png",
+            "sizes": "512x512",
+            "purpose": "any"
+        }
+    ]
+}

web_assets/stylesheet/ChuanhuChat.css

@@ -1,4 +1,6 @@
 :root {
+    --vh: 1vh;
+
     --chatbot-color-light: #000000;
     --chatbot-color-dark: #FFFFFF;
     --chatbot-background-color-light: #F3F3F3;
@@ -9,6 +11,39 @@
     --message-bot-background-color-dark: #2C2C2C;
     --switch-checkbox-color-light: #e5e7eb;
     --switch-checkbox-color-dark: #515151;
+
+    --chatbot-blur-background-color: #F3F3F366;
+    --chatbot-input-background-color: rgba(255, 255, 255, 0.64);
+    --chatbot-input-more-background-color: #FFFFFFAA;
+    --chatbot-input-more-background-solid-color: #FFFFFF;
+    --chatbot-input-more-background-fullwidth-hover: #FFFFFF99;
+    --chatbot-input-more-background-mobilewidth-hover: #E6E6E644;
+
+    --message-list-background-hover: #F3F3F3;
+    --message-list-background-selected: #EAEAEA;
+
+    --menu-width: 320px;
+    --menu-background-fill: var(--background-fill-primary);
+
+    --toolbox-width: 280px;
+    --toolbox-background-fill: var(--background-fill-secondary);
+    
+    .dark {
+        --chatbot-blur-background-color: #12111166;
+        --chatbot-input-background-color: rgba(144, 144, 144, 0.32);
+        --chatbot-input-more-background-color: #3C3C3CAA;
+        --chatbot-input-more-background-solid-color: #3C3C3C;
+        --chatbot-input-more-background-fullwidth-hover: #2F2F2F88;
+        --chatbot-input-more-background-mobilewidth-hover: #1F1F1F44;
+
+        --message-list-background-hover: #202020;
+        --message-list-background-selected: #2F3030;
+    }
+}
+
+
+body.popup-open {
+    overflow: hidden;
 }
 
 .hideK {
@@ -20,16 +55,26 @@
     font-size: var(--text-xxl);
     line-height: 1.3;
     text-align: left;
-    margin-top: 6px;
+    margin-top: 4px;
     white-space: nowrap;
+    flex-direction: row;
+    display: inline-flex;
+    align-items: center;
 }
 #description {
     text-align: center;
-    margin: 32px 0 4px 0;
+    /* margin: 32px 0 4px 0; */
+}
+#about-tab {
+    text-align: center;
+}
+#about-tab img {
+    margin: 0 auto;
 }
 
 /* 高级页面 */
 #advanced-warning {
+    margin-top: 0.5rem;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
@@ -92,17 +137,29 @@
     color: var(--body-text-color-subdued);
 }
 
-
+#chatbot-ctrl-btns {
+    align-self: end;
+    max-width: 42px;
+}
 #submit-btn, #cancel-btn {
-    height: 40px !important;
+    height: 42px !important;
+    width: 42px !important;
+    border-radius: 50%;
+    transform: scale(0.8);
+    justify-content: center;
+    align-items: center;
 }
 #submit-btn::before {
-    content: url("data:image/svg+xml, %3Csvg width='21px' height='20px' viewBox='0 0 21 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='send' transform='translate(0.435849, 0.088463)' fill='%23FFFFFF' fill-rule='nonzero'%3E %3Cpath d='M0.579148261,0.0428666046 C0.301105539,-0.0961547561 -0.036517765,0.122307382 0.0032026237,0.420210298 L1.4927172,18.1553639 C1.5125774,18.4334066 1.79062012,18.5922882 2.04880264,18.4929872 L8.24518329,15.8913017 L11.6412765,19.7441794 C11.8597387,19.9825018 12.2370824,19.8832008 12.3165231,19.5852979 L13.9450591,13.4882182 L19.7839562,11.0255541 C20.0619989,10.8865327 20.0818591,10.4694687 19.7839562,10.3105871 L0.579148261,0.0428666046 Z M11.6138902,17.0883151 L9.85385903,14.7195502 L0.718169621,0.618812241 L12.69945,12.9346347 L11.6138902,17.0883151 Z' id='shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
+    content: url("data:image/svg+xml, %3Csvg width='21px' height='21px' viewBox='0 0 21 20' version='1.1' xmlns='http://www.w3.org/2000/svg' %3E %3Cg id='page' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='send' transform='translate(0.435849, 0.088463)' fill='%23FFFFFF' fill-rule='nonzero'%3E %3Cpath d='M0.579148261,0.0428666046 C0.301105539,-0.0961547561 -0.036517765,0.122307382 0.0032026237,0.420210298 L1.4927172,18.1553639 C1.5125774,18.4334066 1.79062012,18.5922882 2.04880264,18.4929872 L8.24518329,15.8913017 L11.6412765,19.7441794 C11.8597387,19.9825018 12.2370824,19.8832008 12.3165231,19.5852979 L13.9450591,13.4882182 L19.7839562,11.0255541 C20.0619989,10.8865327 20.0818591,10.4694687 19.7839562,10.3105871 L0.579148261,0.0428666046 Z M11.6138902,17.0883151 L9.85385903,14.7195502 L0.718169621,0.618812241 L12.69945,12.9346347 L11.6138902,17.0883151 Z' id='shape'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
     height: 21px;
+    width: 21px;
+    position: relative;
+    left: 2px;
 }
 #cancel-btn::before {
-    content: url("data:image/svg+xml,%3Csvg width='21px' height='21px' viewBox='0 0 21 21' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='pg' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cpath d='M10.2072007,20.088463 C11.5727865,20.088463 12.8594566,19.8259823 14.067211,19.3010209 C15.2749653,18.7760595 16.3386126,18.0538087 17.2581528,17.1342685 C18.177693,16.2147282 18.8982283,15.1527965 19.4197586,13.9484733 C19.9412889,12.7441501 20.202054,11.4557644 20.202054,10.0833163 C20.202054,8.71773046 19.9395733,7.43106036 19.4146119,6.22330603 C18.8896505,5.01555169 18.1673997,3.95018885 17.2478595,3.0272175 C16.3283192,2.10424615 15.2646719,1.3837109 14.0569176,0.865611739 C12.8491633,0.34751258 11.5624932,0.088463 10.1969073,0.088463 C8.83132146,0.088463 7.54636692,0.34751258 6.34204371,0.865611739 C5.1377205,1.3837109 4.07407321,2.10424615 3.15110186,3.0272175 C2.22813051,3.95018885 1.5058797,5.01555169 0.984349419,6.22330603 C0.46281914,7.43106036 0.202054,8.71773046 0.202054,10.0833163 C0.202054,11.4557644 0.4645347,12.7441501 0.9894961,13.9484733 C1.5144575,15.1527965 2.23670831,16.2147282 3.15624854,17.1342685 C4.07578877,18.0538087 5.1377205,18.7760595 6.34204371,19.3010209 C7.54636692,19.8259823 8.83475258,20.088463 10.2072007,20.088463 Z M10.2072007,18.2562448 C9.07493099,18.2562448 8.01471483,18.0452309 7.0265522,17.6232031 C6.03838956,17.2011753 5.17031614,16.6161693 4.42233192,15.8681851 C3.6743477,15.1202009 3.09105726,14.2521274 2.67246059,13.2639648 C2.25386392,12.2758022 2.04456558,11.215586 2.04456558,10.0833163 C2.04456558,8.95104663 2.25386392,7.89083047 2.67246059,6.90266784 C3.09105726,5.9145052 3.6743477,5.04643178 4.42233192,4.29844756 C5.17031614,3.55046334 6.036674,2.9671729 7.02140552,2.54857623 C8.00613703,2.12997956 9.06463763,1.92068122 10.1969073,1.92068122 C11.329177,1.92068122 12.3911087,2.12997956 13.3827025,2.54857623 C14.3742962,2.9671729 15.2440852,3.55046334 15.9920694,4.29844756 C16.7400537,5.04643178 17.3233441,5.9145052 17.7419408,6.90266784 C18.1605374,7.89083047 18.3698358,8.95104663 18.3698358,10.0833163 C18.3698358,11.215586 18.1605374,12.2758022 17.7419408,13.2639648 C17.3233441,14.2521274 16.7400537,15.1202009 15.9920694,15.8681851 C15.2440852,16.6161693 14.3760118,17.2011753 13.3878492,17.6232031 C12.3996865,18.0452309 11.3394704,18.2562448 10.2072007,18.2562448 Z M7.65444721,13.6242324 L12.7496608,13.6242324 C13.0584616,13.6242324 13.3003556,13.5384544 13.4753427,13.3668984 C13.6503299,13.1953424 13.7378234,12.9585951 13.7378234,12.6566565 L13.7378234,7.49968276 C13.7378234,7.19774418 13.6503299,6.96099688 13.4753427,6.78944087 C13.3003556,6.61788486 13.0584616,6.53210685 12.7496608,6.53210685 L7.65444721,6.53210685 C7.33878414,6.53210685 7.09345904,6.61788486 6.91847191,6.78944087 C6.74348478,6.96099688 6.65599121,7.19774418 6.65599121,7.49968276 L6.65599121,12.6566565 C6.65599121,12.9585951 6.74348478,13.1953424 6.91847191,13.3668984 C7.09345904,13.5384544 7.33878414,13.6242324 7.65444721,13.6242324 Z' id='shape' fill='%23FF3B30' fill-rule='nonzero'%3E%3C/path%3E %3C/g%3E %3C/svg%3E");
-    height: 21px;
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34px' height='34px' fill='%23ff453a' fill-opacity='0.85'%3E%3Cg%3E%3Cpath d='M16.8954 33.7909C26.1546 33.7909 33.8049 26.1546 33.8049 16.8954C33.8049 7.63629 26.1406 0 16.8814 0C7.63629 0 0 7.63629 0 16.8954C0 26.1546 7.65027 33.7909 16.8954 33.7909ZM16.8954 29.7737C9.76412 29.7737 4.04511 24.0407 4.04511 16.8954C4.04511 9.75014 9.75014 4.01713 16.8814 4.01713C24.0267 4.01713 29.7737 9.75014 29.7737 16.8954C29.7737 24.0407 24.0407 29.7737 16.8954 29.7737Z'/%3E%3Cpath d='M12.7957 22.7421L20.9747 22.7421C22.0532 22.7421 22.7346 22.1007 22.7346 21.0688L22.7346 12.709C22.7346 11.6771 22.0532 11.0358 20.9747 11.0358L12.7957 11.0358C11.7032 11.0358 11.0358 11.6771 11.0358 12.709L11.0358 21.0688C11.0358 22.1007 11.7032 22.7421 12.7957 22.7421Z'/%3E%3C/g%3E%3C/svg%3E");
+    height: 34px;
+    width: 34px;
 }
 
 #chatbot-buttons button {
@@ -110,4 +167,1000 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-}
+}
+
+/* masks */
+.chuanhu-mask, .chuanhu-side-mask {
+    /* background-color: gray; */
+    background-color: rgba(0, 0, 0, 0.5);
+    transition: background-color 0.3s ease;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 999;
+    /* background-color: transparent; */
+}
+/* .chuanhu-mask {
+    background-color: rgba(0, 0, 0, 0.5);
+    /* -webkit-backdrop-filter: blur(2px);
+    backdrop-filter: blur(2px); 
+} */
+.mask-blur {
+    -webkit-backdrop-filter: blur(2px);
+    backdrop-filter: blur(2px);
+}
+.transparent-mask {
+    background-color: transparent !important;
+}
+
+.chuanhu-side-mask {
+    background-color: rgba(0, 0, 0, 0);
+}
+.chuanhu-top-mask {
+    /* background-color: rgba(0, 0, 0, 0.0); */
+    z-index: 10001;
+}
+
+
+#popup-wrapper {
+    display: none;
+    position: fixed;
+    overflow: auto;
+    top: 0;
+    left: 0;
+    z-index: 99999;
+}
+#popup-wrapper.showBox {
+    display: grid;
+    place-items: center;
+}
+
+#chuanhu-popup {
+    display: none;
+    z-index: 99999;
+    width: 680px;
+    height: 400px;
+    padding: 0;
+}
+#chuanhu-popup.showBox {
+    display: block;
+    box-shadow: 0 2px 64px 4px rgba(0, 0, 0, 0.2);
+}
+
+#chuanhu-popup > .gradio-box {
+    padding: 0;
+}
+.hideBox {
+    display: none;
+}
+
+
+#chuanhu-header {
+    position: fixed;
+    top: 0;
+    z-index: 1000;
+    left: 0;
+    right: 0;
+    /* padding: 6px 64px; */
+    height: 65px;
+    background: var(--background-fill-primary);
+    border-bottom: 1px solid var(--border-color-primary);
+
+    @media screen and (max-width: 639px) {
+        padding: 6px 16px;
+        padding-left: max(16px, env(safe-area-inset-left));
+        padding-right: max(16px, env(safe-area-inset-right));
+    }
+    @media screen and (min-width: 640px) {
+        padding: 6px 24px;
+        padding-left: max(24px, env(safe-area-inset-left));
+        padding-right: max(24px, env(safe-area-inset-right));
+    }
+    /* @media screen and (min-width: 1024px) {
+        padding: 6px 96px;
+    } */
+}
+#chuanhu-header.under-box {
+    z-index: 995 !important;
+}
+
+#chuanhu-body {
+    flex-wrap: nowrap;
+    gap: 0;
+    overflow: hidden;
+    display: inline-flex;
+    justify-content: space-between;
+    /* margin-top: 54px; */
+    /* height: calc(100*var(--vh) - 72px); */
+    position: absolute;
+    top: 65px;
+    height: calc(100*var(--vh) - 65px);
+}
+
+#chuanhu-area {
+    flex: unset;
+    width: 100%;
+    flex-wrap: nowrap;
+    justify-content: center;
+    overflow: hidden;
+    flex-direction: row;
+    /* padding-inline: 24px; */
+    /* margin: 16px; */
+    /* border-radius: 24px; */
+    background: var(--chatbot-background-color-light);
+}
+.dark #chuanhu-area {
+    background: var(--chatbot-background-color-dark);
+}
+#chatbot-header {
+    justify-content: space-between;
+    border-bottom: 0.5px solid var(--border-color-primary);
+    height: 60px;
+    padding-inline: 20px 16px;
+    gap: 0;
+    position: absolute;
+    top: 0;
+    right: 4px;
+    width: calc(100% - 4px);
+    z-index: 50;
+    background: var(--chatbot-blur-background-color);
+    backdrop-filter: blur(24px);
+    -webkit-backdrop-filter: blur(24px);
+}
+
+#chatbot-header .gradio-dropdown {
+    max-width: 14em;
+    background: none;
+    height: 60px;
+    overflow: unset !important;
+}
+#chatbot-header .gradio-dropdown > label {
+    display: flex;
+}
+#chatbot-header .gradio-dropdown ul.options {
+    top: 60px !important;
+    left: 0 !important;
+    position: absolute !important;
+}
+#chatbot-header .gradio-dropdown > label > span[data-testid="block-info"] {
+    height: unset;
+    overflow: visible;
+    top: 0;
+    align-self: center;
+    background: none;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    width: auto;
+    color: var(--body-text-color-subdued);
+}
+#chatbot-header .gradio-dropdown > label > .wrap {
+    background: none;
+    padding-left: 8px;
+}
+#model-select-dropdown > label > span[data-testid="block-info"]  {
+    display: none;
+}
+#chatbot-header .gradio-dropdown > label > .wrap input {
+    font-weight: bold;
+}
+#chatbot-header #model-select-dropdown > label::before {
+    content: "";
+    background: var(--primary-600);
+    height: 12px;
+    width: 12px;
+    border-radius: 50%;
+    position: absolute;
+    /* left: 2px; */
+    top: calc(50% - 6px);
+}
+
+#chatbot-header-btn-bar {
+    justify-content: space-between;
+    align-items: center;
+    display: flex;
+    height: 60px;
+}
+#chatbot-header-btn-bar > * {
+    width: 100%;
+}
+#header-btn-groups {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+}
+/* #header-btn-group {
+    justify-content: space-between;
+    display: flex;
+    height: 36px;
+    align-items: center;
+} */
+.show-on-gpt {
+    /* visibility: hidden; */
+    display: none;
+}
+.is-gpt .show-on-gpt {
+    /* visibility: visible; */
+    display: block;
+}
+
+#chatbot-footer {
+    position: absolute;
+    bottom: 0;
+    right: 4px;
+    width: calc(100% - 4px);
+    display: flex;
+    justify-content: center;
+    /* padding: 24px; */
+    /* padding: 8px 6px; */
+    min-height: 82px;
+    /* max-height: 166px; */
+    background: var(--chatbot-blur-background-color);
+    -webkit-backdrop-filter: blur(24px);
+    backdrop-filter: blur(24px);
+}
+
+#chatbot-input-box {
+    max-width: 800px;
+    /* margin: 0 auto; */
+    gap: 20px;
+    padding: 16px 16px 24px;
+    padding-bottom: max(24px, calc( env(safe-area-inset-bottom) + 6px));
+    display: flex;
+    background: none;
+    align-self: end;
+}
+
+#chatbot-input-btn-bar {
+    height: 27px;
+    overflow-y: auto;
+    flex-wrap: nowrap;
+}
+
+button.chatbot-input-more-btn {
+    margin: 5px;
+    height: 32px;
+    width: 32px;
+    border-radius: 50%;
+    z-index: 1001;
+}
+button.chatbot-input-more-btn:hover .sm-round-bg {
+    fill-opacity: 0.2125;
+}
+button.chatbot-input-more-btn:active .sm-round-bg {
+    fill-opacity: 0.25;
+}
+
+/* 三个点号点开！ */
+.show-chat-more #chatbot-input-more-area {
+    display: flex;
+}
+@supports (-webkit-backdrop-filter: blur(24px)) {
+    /* Note: I would only try this feat on apple devices... */
+    .show-chat-more #chatbot-input-more-area {
+        background: var(--chatbot-input-more-background-color);
+        -webkit-backdrop-filter: blur(24px);
+        backdrop-filter: blur(24px);
+    }
+}
+/* no！屏幕宽度窄的时候！ */
+#chatbot-input-more-area {
+    display: none;
+    position: absolute;
+    flex-direction: column;
+    bottom: 60px;
+    min-width: 120px;
+    z-index: 1001;
+    border-radius: 6px;
+    box-shadow: var(--shadow-sm);
+    background: var(--chatbot-input-more-background-solid-color);
+}
+#chatbot-input-more-area > span > div {
+    min-width: 120px;
+    padding: 2px;
+    align-content: center;
+    /* display: flex; */
+    border-bottom: 0.5px solid var(--border-color-primary);
+}
+#chatbot-input-more-area > span > div.last-btn {
+    border-bottom: none;
+}
+#chatbot-input-more-area > span > div > label {
+    padding: 6px 8px;
+    border-radius: 4px;
+    height: 39px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    cursor: pointer;
+}
+#chatbot-input-more-area > span > div:hover > label {
+    background: var(--chatbot-input-more-background-mobilewidth-hover);
+}
+#chatbot-input-more-area > span > div > label button {
+    margin: 0;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 4px;
+}
+.chatbot-input-more-icon {
+    margin-right: 12px;
+}
+.chatbot-input-more-span {
+    white-space: nowrap;
+}
+
+/* 哈哈！川虎哥觉得不方便，那再写个全宽的吧！
+ * 再让我重写一份样式我是狗
+ */
+.chatbot-full-width #chatbot-input-row {
+    flex-direction: column;
+    justify-content: flex-start !important;
+    justify-items: start;
+}
+.chatbot-full-width #chatbot-input-more-area {
+    display: flex;
+    position: relative;
+    flex-direction: row-reverse;
+    justify-content: space-between;
+    height: 32px;
+    min-width: unset;
+    background: none;
+    box-shadow: none;
+    bottom: 0;
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+}
+.chatbot-full-width #chatbot-input-more-area > span > div {
+    /* min-width: unset; */
+    border-bottom: none;
+}
+.chatbot-full-width #chatbot-input-more-area > span > div > label {
+    height: 32px;
+    border-radius: 8px;
+}
+.chatbot-full-width #chatbot-input-more-area > span > div:hover > label {
+    background: var(--chatbot-input-more-background-fullwidth-hover);
+}
+.chatbot-full-width #chatbot-input-more-btn-div {
+    display: none;
+}
+.chatbot-full-width #chatbot-input-box {
+    padding-top: 4px;
+}
+.chatbot-full-width #chatbot-input-row .gradio-html {
+    width: 100%;
+    max-width: unset;
+}
+.chatbot-full-width .chatbot-input-more-label-group {
+    flex-wrap: nowrap;
+    flex-direction: row-reverse;
+    display: inline-flex;
+}
+.chatbot-input-more-span {
+    opacity: 0.64;
+}
+input:checked + .chatbot-input-more-span {
+    opacity: 1;
+}
+
+#uploaded-files-div {
+    display: none;
+}
+.with-file #uploaded-files-div {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+.with-file label.may-disable-label {
+    cursor: not-allowed !important;
+}
+.with-file #uploaded-files-div > .chatbot-input-more-span {
+    opacity: 1;
+}
+#uploaded-files-count {
+    background: var(--primary-600);
+    color: white;
+    width: 19px;
+    height: 19px;
+    border-radius: 50%;
+    margin-right: 4px;
+    margin-left: 6px;
+    text-align: center;
+}
+.with-file #upload-files-btn {
+    display: none;
+}
+
+/* default invisible */
+#menu-area, #toolbox-area {
+    width: 0;
+    transition: width 0.3s ease;
+    visibility: hidden;
+    flex: unset;
+    min-width: unset !important;
+    display: flex;
+    flex-shrink: 0;
+    overflow: hidden;
+    flex-wrap: nowrap;
+}
+#menu-area {
+    border-radius: 0;
+    background: var(--background-fill-primary);
+}
+#toolbox-area {
+    background: var(--background-fill-secondary);
+}
+#menu-area > div {
+    width: var(--menu-width);
+}
+#chuanhu-history {
+    padding-left: env(safe-area-inset-left);
+}
+#menu-area.showSide {
+    width: var(--menu-width);
+    max-width: var(--menu-width);
+    height: calc(100*var(--vh) - 65px);
+    visibility: visible;
+    /* margin-right: 16px; */
+    border-right: 0.5px solid var(--border-color-primary);
+    /* box-shadow: -1px 0 4px 0 rgba(0, 0, 0, 0.1) inset; */
+}
+
+#toolbox-area > div {
+    width: var(--toolbox-width);
+}
+#toolbox-area.showSide {
+    width: var(--toolbox-width);
+    height: calc(100*var(--vh) - 65px);
+    visibility: visible;
+    /* margin-left: 16px; */
+}
+
+/* When screen width <= 768 */
+@media screen and (max-width: 767px) {
+    #menu-area {
+        position: fixed;
+        transition: left 0.3s ease, visibility 0.1s ease;
+        left: calc(0px - var(--menu-width));
+        z-index: 9999;
+        /* overflow: unset; */
+        border-right: none !important;
+    }
+    #chuanhu-history {
+        padding-left: 0;
+    }
+    #menu-area.showSide {
+        left: 0;
+    }
+
+    #toolbox-area {
+        position: fixed;
+        width: 100vw;
+        transition: top 0.3s ease, visibility 0.1s ease;
+        /* right: calc(0px - var(--toolbox-width)); */
+        z-index: 10008;
+        overflow: unset;
+        top: calc(100*var(--vh));
+        margin: 0;
+    }
+    #toolbox-area > div {
+        width: 100vw;
+        height: calc( 90*var(--vh) - 48px );
+    }
+    #toolbox-area.showSide {
+        width: 100vw;
+        right: 0;
+        top: calc( 10*var(--vh) + 48px );
+        margin: 0;
+        border-radius: 6px;
+        box-shadow: 0 2px 64px 4px rgba(0, 0, 0, 0.2);
+    }
+    /* #menu-area.showSide, #toolbox-area.showSide {
+        z-index: 9999;
+    } */
+}
+
+/* .chuanhu-history-panel ul.options {
+    position: relative;
+    box-shadow: unset;
+    overflow: hidden;
+} */
+/* .chuanhu-history-panel {
+    height: 500px;
+    overflow: auto;
+    box-shadow: var(--shadow-drop-lg);
+} */
+
+#chuanhu-popup > .gradio-box {
+    height: 100%;
+}
+#chuanhu-popup > .gradio-box > .gradio-row:first-of-type {
+    padding: 24px !important;
+    border-bottom: 1.8px solid var(--border-color-primary);
+}
+#toolbox-area > .gradio-box > .gradio-row:first-of-type * ,
+#chuanhu-popup > .gradio-box > .gradio-row:first-of-type * {
+    margin: 0;
+}
+
+#toolbox-area > .gradio-box > .gradio-row > .close-btn,
+#chuanhu-popup > .gradio-box > .gradio-row > .close-btn {
+    max-width: 28px;
+    display: flex;
+    justify-content: flex-end;
+}
+
+
+#chuanhu-popup > .gradio-box > .gradio-tabs {
+    display: block;
+    height: 322px;
+    /* margin: 16px 24px; */
+}
+
+#chuanhu-popup > .gradio-box > .gradio-tabs > div.tabitem {
+    border: none;
+    border-radius: 0;
+    overflow: auto;
+    height: 100%;
+    padding: 16px 24px;
+}
+#chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav {
+    float: left;
+    display: block;
+    border: none;
+    padding: 16px;
+    width: 180px;
+    height: 100%;
+    overflow: auto;
+    background: var(--background-fill-secondary);
+    border-bottom-left-radius: var(--block-radius);
+    border-right: 1px solid var(--border-color-primary);
+}
+#chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button {
+    display: block;
+    border: none;
+    border-radius: 6px;
+    text-align: left;
+    white-space: initial;
+    width: 100%;
+    /* height: 32px; */
+    padding: 7px 12px;
+}
+#chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button.selected {
+    background-color: var(--button-primary-background-fill);
+    /* font-weight: bold; */
+    color: var(--button-primary-text-color);
+}
+
+/* 这是为了第二级tab的选项，比如training里的openai tab下的几个准备数据集tab */
+.gradio-box > .gradio-tabs .gradio-tabs > div.tab-nav > button.selected {
+    background-color: var(--block-background-fill);
+}
+
+/* 小屏幕的tab样式 */
+@media screen and (max-width: 767px) {
+    #popup-wrapper.showBox {
+        place-items: end;
+    }
+    #chuanhu-popup {
+        width: 100vw;
+        height: calc( 90*var(--vh) - 48px );
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+    #toolbox-area > .gradio-box > .gradio-row:first-of-type,
+    #chuanhu-popup > .gradio-box > .gradio-row:first-of-type {
+        padding: 18px 24px 0 !important;
+        border-bottom: 0;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs,
+    #chuanhu-popup > .gradio-box > .gradio-tabs {
+        height: auto;
+        width: 100vw;
+        overflow: hidden;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tabitem,
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tabitem {
+        height: calc( 90*var(--vh) - 48px - 46px - 45px );
+        overflow-x: auto;
+        border: none;
+    }
+    /* 下面是弃用方案：横条按钮tab */
+    /* 
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav {
+        display: flex;
+        margin: 0;
+        padding: 12px 16px 8px;
+        overflow-x: auto;
+        overflow-y: hidden;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        border-radius: 8px;
+        gap: 12px;
+        width: 100%;
+        height: auto;
+        background: none;
+    }
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button {
+        display: inline-block;
+        border-style: none;
+        border-radius: 6px;
+        white-space: nowrap;
+        width: auto;
+        padding: 7px 32px;
+        text-align: center;
+        background: var(--background-fill-secondary);
+    }
+    */
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav,
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav {
+        display: flex;
+        margin: 0;
+        padding: 6px 16px 0;
+        overflow-x: auto;
+        overflow-y: hidden;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        border-radius: 0;
+        gap: 12px;
+        width: 100%;
+        height: auto;
+        background: none;
+        border-bottom: 1px solid var(--border-color-primary);
+        align-items: baseline;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button,
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button {
+        display: inline-block;
+        position: relative;
+        padding: 7px 6px;
+        border: none;
+        white-space: nowrap;
+        width: auto;
+        text-align: center;
+        background: none;
+        transition: font-size 0.3s ease-in-out;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button.selected,
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button.selected {
+        background-color: unset !important;
+        font-weight: bold;
+        font-size: large;
+        color: var(--body-text-color);
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button.selected::after,
+    #chuanhu-popup > .gradio-box > .gradio-tabs > div.tab-nav > button.selected::after {
+        content: "";
+        background-color: var(--primary-600);
+        height: 4px;
+        width: 32%;
+        border-radius: 4px;
+        position: absolute;
+        left: 50%;
+        bottom: 1px;
+        transform: translateX(-50%);
+    }
+}
+
+/* 下面是大屏幕的 toolbox tab 样式 */
+@media screen and (min-width: 768px) {
+    #toolbox-area {
+        border-left: 1px solid var(--border-color-primary);
+    }
+    #toolbox-area > .gradio-box {
+        border-radius: 0;
+    }
+    #toolbox-area > .gradio-box > .gradio-row > .close-btn {
+        display: none;
+    }
+    #toolbox-area > .gradio-box > .gradio-row:first-of-type {
+        display: none;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs{
+        height: 100%;
+        width: var(--toolbox-width);
+        overflow: hidden;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tabitem {
+        height: calc(100% - 35px);
+        overflow-y: auto;
+        border-style: none;
+        padding: 0;
+        /* 理论上不该是0，但这里考虑内部gradio有好多container有padding了 */
+        padding-right: env(safe-area-inset-right);
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav {
+        display: flex;
+        margin: 0;
+        /* padding: 4px; */
+        overflow-x: auto;
+        overflow-y: hidden;
+        flex-direction: row;
+        flex-wrap: nowrap;
+        /* border-radius: 10px; */
+        /* gap: 4px; */
+        width: 100%;
+        height: auto;
+        background: var(--button-secondary-background-fill);
+        border-bottom: 1px solid var(--border-color-primary);
+        border:none;
+        align-items: baseline;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button {
+        display: inline-block;
+        position: relative;
+        padding: 8px 2rem;
+        border: none;
+        white-space: nowrap;
+        width: auto;
+        text-align: center;
+        background: var(--button-secondary-background-fill);
+        transition: font-size 0.3s ease-in-out;
+        border-right: 1px var(--border-color-primary) solid;
+        border-radius: 0;
+    }
+    #toolbox-area > .gradio-box > .gradio-tabs > div.tab-nav > button.selected {
+        background-color: var(--block-background-fill);
+        font-weight: bold;
+        /* border-top-left-radius: 8px;
+        border-top-right-radius: 8px; */
+        /* font-size: large; */
+        /* color: white; */
+    }
+}
+
+#toolbox-area > .gradio-box {
+    padding: 0;
+    height: 100%;
+}
+/* 
+#toolbox-area > .gradio-box > .gradio-tabs > div.tabitem {
+    padding: 0;
+    理论上不该是0，但这里考虑内部gradio有好多container有padding了 
+} 
+*/
+#toolbox-area .tabitem > div > .gradio-markdown {
+    padding: 12px;
+}
+
+#toolbox-area .tabitem > div > .gradio-accordion > .label-wrap > span {
+    font-weight: bold;
+}
+#toolbox-area .tabitem > div {
+    gap: 0 !important;
+}
+
+/* #chuanhu-popup ul.options {
+    transform: translate(-50%, -50%);
+} */
+
+#chuanhu-history {
+    max-height: calc(100*var(--vh) - 65px - 61px);
+    max-height: calc(100*var(--vh) - 65px - calc(36px + 12px + max(12px, env(safe-area-inset-bottom)) + 1px ));
+    /* overflow-y: auto; */
+}
+#chuanhu-history > div {
+    border-radius: 0;
+    background: none;
+    height: 100%;
+    padding: 0;
+}
+#chuanhu-history > div > div {
+    padding-inline: 12px;
+}
+#chuanhu-history-header {
+    margin-top: 12px;
+    height: 42px;
+    margin-bottom: 12px;
+}
+#chuanhu-history-search-row {
+    gap: 0;
+    /* background:var(--input-background-fill); */
+    /* border-radius: var(--block-radius); */
+    justify-content: space-between;
+    display: flex;
+}
+#history-search-tb {
+    background:var(--input-background-fill);
+    border-radius: var(--block-radius);
+}
+#history-search-tb > label::before {
+    content: url("data:image/svg+xml,%3Csvg fill='gray' fill-opacity='0.64' width='18px' height='18px' viewBox='0 0 18.0938 18.2695' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M0 7.45312C0 11.5664 3.33984 14.8945 7.45312 14.8945C9.03516 14.8945 10.4883 14.4023 11.6953 13.5586L16.0547 17.9297C16.3008 18.1641 16.6055 18.2695 16.9219 18.2695C17.6016 18.2695 18.0938 17.7539 18.0938 17.0742C18.0938 16.7461 17.9648 16.4531 17.7656 16.2305L13.4297 11.8828C14.3555 10.6406 14.8945 9.11719 14.8945 7.45312C14.8945 3.33984 11.5664 0 7.45312 0C3.33984 0 0 3.33984 0 7.45312ZM1.80469 7.45312C1.80469 4.32422 4.32422 1.80469 7.45312 1.80469C10.5703 1.80469 13.1016 4.32422 13.1016 7.45312C13.1016 10.5703 10.5703 13.1016 7.45312 13.1016C4.32422 13.1016 1.80469 10.5703 1.80469 7.45312Z'/%3E%3C/g%3E%3C/svg%3E");
+    width: 24px;
+    height: 24px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    display: block;
+    padding: 3px 0 3px 3px;
+    left: 7px;
+}
+#history-search-tb textarea {
+    width: calc(100% - 32px);
+    margin-left: 32px;
+    padding-left: 6px;
+    box-shadow: none;
+}
+#chuanhu-history-body {
+    height: calc(100% - 66px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding-bottom: 6px;
+}
+#gr-history-header-btns {
+    max-height: 42px;
+    gap: 4px;
+    display: flex;
+    justify-content: end;
+    align-content: center;
+    flex-direction: row;
+    max-width: 52px;
+    margin-inline: 8px;
+}
+#gr-history-header-btns button {
+    box-shadow: none;
+    justify-content: center;
+    align-items: center;
+    height: 24px;
+    width: 24px;
+    display: flex;
+}
+
+#chuanhu-menu-footer {
+    position: absolute;
+    bottom: 0;
+    background: var(--background-fill-primary);
+    height: auto;
+    overflow: hidden;
+    padding: 12px 18px;
+    padding-bottom: max(12px, env(safe-area-inset-bottom));
+    padding-left: max(18px, env(safe-area-inset-left));
+    border-top: 0.8px solid var(--border-color-primary);
+}
+#menu-footer-btn-bar {
+    justify-content: space-between;
+    display: flex;
+    height: 36px;
+    align-items: center;
+}
+.btn-bar-group {
+    gap: 6px;
+    display: inline-flex;
+}
+.chuanhu-ui-btn {
+    border-radius: 8px;
+    /* color: rgba(120, 120, 120, 0.64) !important; */
+    padding: 6px !important;
+    margin: 0 !important;
+    cursor: pointer !important;
+    transition: background-color .2s ease;
+}
+.chuanhu-ui-btn:hover {
+    background-color: rgba(167, 167, 167, 0.25) !important;
+    /* color: unset !important; */
+}
+.chuanhu-ui-btn:active {
+    background-color: rgba(167, 167, 167, 0.5) !important;
+}
+
+.hover-round-btn {
+    border-radius: 50% !important;
+}
+
+.show-on-light {
+    display: block;
+}
+.show-on-dark {
+    display: none;
+}
+.dark .show-on-light {
+    display: none;
+}
+.dark .show-on-dark {
+    display: block;
+}
+
+.show-on-latest {
+    display: block;
+}
+.show-on-outdated {
+    display: none;
+}
+.is-outdated .show-on-latest {
+    display: none;
+}
+.is-outdated .show-on-outdated {
+    display: block;
+}
+
+#chatbot-area.no-menu #chatbot-header {
+    padding-left: max(20px, env(safe-area-inset-left));
+}
+#chatbot-area.no-menu #chatbot-area {
+    padding-left: env(safe-area-inset-left);
+}
+#chatbot-area.no-menu #chatbot-input-box {
+    padding-left: max(16px, env(safe-area-inset-left));
+}
+#chatbot-area.no-menu #chuanhu-chatbot>.wrapper>.wrap {
+    padding-left: max(20px, env(safe-area-inset-left));
+}
+
+#chatbot-area.no-toolbox #chatbot-header {
+    padding-right: max(16px, env(safe-area-inset-right));
+}
+#chatbot-area.no-toolbox #chatbot-area {
+    padding-right: env(safe-area-inset-right);
+}
+#chatbot-area.no-toolbox #chatbot-input-box {
+    padding-right: max(16px, env(safe-area-inset-right));
+}
+#chatbot-area.no-toolbox #chuanhu-chatbot>.wrapper>.wrap {
+    padding-right: max(20px, env(safe-area-inset-right));
+}
+
+
+/* #history-select-wrap {
+    height: 600px;
+    overflow: auto;
+    overflow-x: hidden;
+} */
+
+.chat-selected-btns {
+    height: 18px;
+    gap: 8px;
+    display: inline-flex;
+    position: absolute;
+    right: 16px;
+}
+.chat-selected-btns::before {
+    content: "";
+    position: absolute;
+    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--message-list-background-selected) 80%);
+    width: 32px;
+    height: 22px;
+    top: 0;
+    left: -32px;
+}
+.icon-need-hover {
+    opacity: 0.64;
+}
+button:hover .icon-need-hover, button:hover.icon-need-hover {
+    opacity: 0.85;
+}
+button:active .icon-need-hover, button:active.icon-need-hover {
+    opacity: 1;
+}
+/* .main-body {
+    flex-wrap: nowrap;
+    gap: 0;
+    overflow: hidden;
+    display: inline-flex;
+    /* margin-top: 54px; */
+    /* height: calc(100*var(--vh) - 72px); */
+    /* position: absolute;
+    top: 48px;
+} */
+/* 
+.hide-body {
+    display: none;
+    top: calc(-100*var(--vh));
+    
+}
+#train-body {
+    transition: top 0.3s ease-in-out, display 0.3s ease;
+}
+
+#chuanhu-body.hide-body {
+    display: none;
+    top: calc(100*var(--vh) + 48px);
+}
+#chuanhu-body {
+    transition: top 0.3s ease-in-out, display 0.3s ease;
+}  */
+

web_assets/stylesheet/chatbot.css

@@ -50,6 +50,43 @@ hr.append-display {
     padding: 0 4px;
 }
 
+/* 阻止generating时的border */
+#chuanhu-chatbot > .wrap {
+    border: none !important;
+}
+
+
+
+#chatbot-input-row {
+    align-items: end;
+    gap: 6px;
+}
+#chatbot-input-row .gradio-html {
+    min-width: 0;
+    max-width: 42px;
+    width: 42px;
+}
+#chatbot-input-tb-row {
+    gap: 0;
+    justify-content: end;
+    border-radius: 21px;
+    background: var(--chatbot-input-background-color);
+    box-shadow: var(--shadow-md);
+}
+#user-input-tb {
+    padding: 0 !important;
+    /* border: 1px solid rgba(167, 167, 167, 0.5) !important; */
+    /* border-radius: 21px !important; */
+}
+#user-input-tb textarea {
+    /* max-height: 110px; */
+    background: transparent;
+}
+#user-input-tb .wrap {
+    background: none !important;
+    border-radius: 21px !important;
+}
+
 /* 亮色（默认） */
 #chuanhu-chatbot {
     background-color: var(--chatbot-background-color-light) !important;
@@ -99,40 +136,61 @@ hr.append-display {
     justify-content: flex-end;
 }
 
+/* .message-row.has-message-btn-row{
+    padding-bottom: 19px !important;
+} */
+
 /* 屏幕宽度大于等于500px的设备 */
 /* update on 2023.4.8: 高度的细致调整已写入JavaScript */
 @media screen and (min-width: 500px) {
-    #chuanhu-chatbot {
-        height: calc(100vh - 200px);
+    /* #chuanhu-chatbot {
+        height: calc(100*var(--vh) - 200px);
     }
     #chuanhu-chatbot>.wrapper>.wrap {
-        max-height: calc(100vh - 200px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
-    }
+        max-height: calc(100*var(--vh) - 200px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
+    } */
 }
 /* 屏幕宽度小于500px的设备 */
 @media screen and (max-width: 499px) {
-    #chuanhu-chatbot {
-        height: calc(100vh - 140px);
+    /* #chuanhu-chatbot {
+        height: calc(100*var(--vh) - 140px);
     }
     #chuanhu-chatbot>.wrapper>.wrap {
-        max-height: calc(100vh - 140px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
-    }
+        max-height: calc(100*var(--vh) - 140px - var(--line-sm)*1rem - 2*var(--block-label-margin) );
+    } */
     [data-testid = "bot"] {
         max-width: calc(100% - 84px) !important;
     }
     [data-testid = "user"] {
         max-width: calc(100% - 84px) !important;
     }
-    .chatbot-avatar {
-        display: none;
+
+    #app-title {
+        transform: scale(0.95);
+        transform-origin: left center;
     }
     #app-title h1{
         letter-spacing: -1px; font-size: 22px;
     }
 }
 
+#chuanhu-chatbot {
+    height: calc(100*var(--vh) - 65px) !important;
+    border-radius: 0;
+}
 #chuanhu-chatbot>.wrapper>.wrap {
     overflow-x: hidden;
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    padding-inline: 20px;
+    padding-top: 72px;
+    padding-bottom: 180px;
+}
+#chuanhu-chatbot>.wrapper>.wrap .message-wrap {
+    align-self: center;
+    width: 100%;
+    max-width: 1024px;
 }
 
 .message.user p {
@@ -173,8 +231,6 @@ hr.append-display {
     /* background-color: #E6E6E6 !important; */
     color: rgba(120, 120, 120, 0.64) !important;
     padding: 4px !important;
-    position: absolute;
-    right: -22px;
     cursor: pointer !important;
     transition: color .2s ease, background-color .2s ease;
 }
@@ -189,14 +245,58 @@ hr.append-display {
     outline: none;
 }
 
-.copy-bot-btn {
-    /* top: 18px; */
+.message-btn-column {
+    position: absolute;
+    right: -23px;
     bottom: 0;
+    display: flex;
+    flex-direction: column;
+    align-content: end;
+    gap: 2px;
 }
-.toggle-md-btn {
-    /* top: 0; */
-    bottom: 20px;
+
+.message-btn-row {
+    /* background: red; */
+    width: 100%;
+    height: 19px;
+    position: absolute;
+    top: calc(100% + 2px);
+    left: 0;
+    display: flex;
+    justify-content: space-between;
+}
+.message-btn-row-leading, .message-btn-row-trailing {
+    display: inline-flex;
+    gap: 4px;
+}
+.message-btn-row button {
+    font-size: 10px;
+    align-self: center;
+    align-items: center;
+    flex-wrap: nowrap;
+    white-space: nowrap;
+    display: inline-flex;
+    flex-direction: row;
+    gap: 4px;
+    padding-block: 2px !important;
+}
+
+.like-latest-btn, .dislike-latest-btn {
+    display: none !important;
+    /* filter: grayscale(); */
 }
+.is-xmchat .like-latest-btn, .is-xmchat .dislike-latest-btn {
+    display: inline-flex !important;
+}
+
+/* .copy-bot-btn {
+    top: 18px; */
+    /* bottom: 0;
+}
+.toggle-md-btn {
+    top: 0; */
+    /* bottom: 20px;
+} */
 
 /* note: this is deprecated */
 .copy-code-btn {

web_assets/stylesheet/custom-components.css

@@ -2,7 +2,9 @@
 /* user-info */
 #user-info.block {
     white-space: nowrap;
-    position: absolute; left: 8em; top: .8em;
+    position: absolute;
+    right: max(32px, env(safe-area-inset-right));
+    top: 16px;
     z-index: var(--layer-2);
     box-shadow: var(--block-shadow);
     border: none!important; border-radius: var(--block-label-radius);
@@ -11,6 +13,7 @@
     font-size: var(--block-label-text-size); line-height: var(--line-sm);
     width: auto; max-height: 30px!important;
     opacity: 1;
+    z-index: 1000;
     transition: opacity 0.3s ease-in-out;
 }
 #user-info.block .wrap {
@@ -28,9 +31,9 @@
 
 /* updater */
 #toast-update {
-    position: absolute;
+    position: fixed;
     display: flex;
-    top: -500px;
+    top: -600px;
     width: 100%;
     justify-content: center;
     z-index: var(--layer-top);
@@ -62,10 +65,11 @@
 #release-note-wrap {
     width: 100%;
     max-width: 400px;
-    height: 120px;
+    height: 240px;
     border: solid 1px var(--border-color-primary);
-    overflow: auto;
-    padding: 0 8px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 8px;
 }
 #release-note-wrap.hideK {
     display: none;
@@ -203,6 +207,7 @@ input:checked + .apSlider::before {
     position: relative !important;
     border: none !important;
     outline: none;
+    margin: 0;
     width: 40px !important;
     height: 22px !important;
     border-radius: 11px !important;
@@ -238,3 +243,126 @@ input:checked + .apSlider::before {
     left: 18px;
 }
 
+
+/* .scroll-shadow-left::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -6px;
+    width: 6px;
+    height: 100%;
+    box-shadow: 6px 0 10px rgba(0, 0, 0, 0.36);
+    z-index: 1;
+}
+
+.scroll-shadow-right::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: -6px;
+    width: 6px;
+    height: 100%;
+    box-shadow: -6px 0 10px rgba(0, 0, 0, 0.36);
+    z-index: 1;
+} */
+
+
+.hr-line hr{
+    margin: 0 !important;
+}
+
+.tooltip-toggle {
+    cursor: help;
+    position: relative;
+}
+
+.tooltip-toggle::before {
+    position: absolute;
+    bottom: calc(100% + 12px);
+    left: calc(50% - 60px + 0.5rem);
+    background-color: #393939;
+    border-radius: 5px;
+    color: #fff;
+    content: attr(aria-label);
+    padding: 0.5rem;
+    text-transform: none;
+    transition: all 0.5s ease;
+    /* height: fit-content; */
+    white-space: normal;
+    width: 120px;
+}
+.tooltip-toggle::after {
+    position: absolute;
+    top: -12px;
+    left: 50%;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 5px solid #393939;
+    content: " ";
+    font-size: 0;
+    line-height: 0;
+    /* margin-left: -5px; */
+    width: 0;
+}
+
+
+.tooltip-toggle::before,
+.tooltip-toggle::after {
+    color: #efefef;
+    /* font-family: monospace; */
+    /* font-size: 16px; */
+    opacity: 0;
+    pointer-events: none;
+    text-align: center;
+}
+
+.tooltip-toggle:focus::before,
+.tooltip-toggle:focus::after,
+.tooltip-toggle:hover::before,
+.tooltip-toggle:hover::after {
+    opacity: 1;
+    transition: all 0.5s ease;
+}
+
+
+.nav-item-dropdown, .dropdown-trigger {
+    position: relative;
+}
+.nav-item-dropdown:hover>.dropdown-menu {
+    display: block;
+    opacity: 1;
+}
+.dropdown-trigger:focus+.dropdown-menu {
+    display: block;
+    opacity: 1;
+}
+.dropdown-menu {
+    background-color: var(--chatbot-input-more-background-solid-color);
+    display: inline-block;
+    /* text-align: right; */
+    position: absolute;
+    /* top: 2.5rem; */
+    left: 50%;
+    transform: translateX(-50%);
+    display: none;
+    opacity: 0;
+    transition: opacity 0.5s ease;
+    font-size: small;
+    width: auto;
+    border-radius: 5px;
+    box-shadow: var(--shadow-sm);
+}
+
+.dropdown-menu-item {
+    cursor: pointer;
+    padding: 8px 12px;
+    text-align: center;
+    white-space: nowrap;
+    margin: 0 !important;
+}
+.dropdown-menu-item button {
+    margin: 0 !important;
+}
+.dropdown-menu-item:hover {
+    background-color: var(--chatbot-input-more-background-mobilewidth-hover);
+}

web_assets/stylesheet/override-gradio.css

@@ -1,3 +1,7 @@
+.gradio-container {
+    max-width: unset !important;
+    padding: 0 !important;
+}
 
 /* 解决container=False时的错误填充 */
 div.form {
@@ -5,15 +9,68 @@ div.form {
 }
 div.no-container {
     padding: 10px 0 0 0 !important;
+    background: none !important;
 }
 
 /* gradio的页脚信息 */
 footer {
-    /* display: none !important; */
+    display: none !important;
     margin-top: .2em !important;
     font-size: 85%;
 }
 
+.api-docs-wrap {
+    margin-top: 64px;
+}
+
+
+/* 把radio做成列表 */
+fieldset#history-select-dropdown .wrap {
+    gap: 0;
+}
+fieldset#history-select-dropdown .wrap label {
+    width: 100%;
+    background: none;
+    padding: 10px 16px 10px;
+    box-shadow: none;
+    justify-content: space-between;
+}
+fieldset#history-select-dropdown .wrap label:hover {
+    background: var(--message-list-background-hover);
+}
+fieldset#history-select-dropdown .wrap label:active {
+    background: var(--message-list-background-selected);
+}
+fieldset#history-select-dropdown .wrap label.selected {
+    color: var(--checkbox-label-text-color);
+    background: var(--message-list-background-selected);
+    padding: 10px 64px 10px 16px;
+}
+fieldset#history-select-dropdown .wrap label:not(.selected) .chat-selected-btns{
+    display: none;
+}
+fieldset#history-select-dropdown .wrap label > span {
+    /* font-size: small; */
+    margin-left: 0;
+    /* text-overflow: ellipsis; */
+    white-space: nowrap;
+    word-break: break-all;
+    overflow: hidden;
+}
+fieldset#history-select-dropdown .wrap label > span::before {
+    content: url("data:image/svg+xml,%3Csvg stroke='%23000000' fill='none' stroke-opacity='0.85' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
+    padding-right: .8em;
+    position: relative;
+    top: 4px;
+}
+.dark fieldset#history-select-dropdown .wrap label > span::before {
+    content: url("data:image/svg+xml,%3Csvg stroke='%23FFFFFF' fill='none' stroke-opacity='0.85' stroke-width='2' viewBox='0 0 24 24' stroke-linecap='round' stroke-linejoin='round' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'%3E%3C/path%3E%3C/svg%3E");
+}
+fieldset#history-select-dropdown .wrap label > input {
+    display: none;
+}
+
+
 /* 覆盖 gradio 丑陋的复制按钮样式 */
 .message .code_wrap button[title="copy"] {
     border-radius: 5px !important;
@@ -66,3 +123,35 @@ input[type=range]::-webkit-slider-runnable-track {
     border: none;
     background: transparent;
 }
+
+
+#chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar {
+    height: 1rem;
+    width: 4px;
+}
+
+#chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius:9999px
+}
+
+#chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar-thumb {
+    background-color: rgba(231, 231, 231, 0.8);
+    /* border-color: rgba(255, 255, 255, var(--tw-border-opacity)); */
+    border: none;
+    border-radius: 9999px;
+    /* border-width:1px */
+}
+
+#chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar-thumb:hover {
+    --tw-bg-opacity: 1;
+    background-color:rgb(195, 195, 195);
+}
+
+.dark #chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar-thumb {
+    background-color: rgba(56, 56, 56, 0.5);
+}
+
+.dark #chuanhu-chatbot>.wrapper>.wrap::-webkit-scrollbar-thumb:hover {
+    background-color: rgba(56, 56, 56, 0.8);
+}