Upload 61 files

.gitignore

@@ -0,0 +1,260 @@
+# Byte-compiled / optimized / DLL files
+__pycache__/
+*.py[cod]
+*$py.class
+
+# C extensions
+*.so
+
+# Distribution / packaging
+.Python
+build/
+develop-eggs/
+dist/
+downloads/
+eggs/
+.eggs/
+lib/
+lib64/
+parts/
+sdist/
+var/
+wheels/
+share/python-wheels/
+*.egg-info/
+.installed.cfg
+*.egg
+MANIFEST
+
+# PyInstaller
+#  Usually these files are written by a python script from a template
+#  before PyInstaller builds the exe, so as to inject date/other infos into it.
+*.manifest
+*.spec
+
+# Installer logs
+pip-log.txt
+pip-delete-this-directory.txt
+
+# Unit test / coverage reports
+htmlcov/
+.tox/
+.nox/
+.coverage
+.coverage.*
+.cache
+nosetests.xml
+coverage.xml
+*.cover
+*.py,cover
+.hypothesis/
+.pytest_cache/
+cover/
+
+# Translations
+*.mo
+*.pot
+
+# Django stuff:
+*.log
+local_settings.py
+db.sqlite3
+db.sqlite3-journal
+
+# Flask stuff:
+instance/
+.webassets-cache
+
+# Scrapy stuff:
+.scrapy
+
+# Sphinx documentation
+docs/_build/
+
+# PyBuilder
+.pybuilder/
+target/
+
+# Jupyter Notebook
+.ipynb_checkpoints
+
+# IPython
+profile_default/
+ipython_config.py
+
+# pyenv
+#   For a library or package, you might want to ignore these files since the code is
+#   intended to run in multiple environments; otherwise, check them in:
+# .python-version
+
+# pipenv
+#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
+#   However, in case of collaboration, if having platform-specific dependencies or dependencies
+#   having no cross-platform support, pipenv may install dependencies that don't work, or not
+#   install all needed dependencies.
+#Pipfile.lock
+
+# UV
+#   Similar to Pipfile.lock, it is generally recommended to include uv.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#uv.lock
+
+# poetry
+#   Similar to Pipfile.lock, it is generally recommended to include poetry.lock in version control.
+#   This is especially recommended for binary packages to ensure reproducibility, and is more
+#   commonly ignored for libraries.
+#   https://python-poetry.org/docs/basic-usage/#commit-your-poetrylock-file-to-version-control
+#poetry.lock
+
+# pdm
+#   Similar to Pipfile.lock, it is generally recommended to include pdm.lock in version control.
+#pdm.lock
+#   pdm stores project-wide configurations in .pdm.toml, but it is recommended to not include it
+#   in version control.
+#   https://pdm.fming.dev/latest/usage/project/#working-with-version-control
+.pdm.toml
+.pdm-python
+.pdm-build/
+
+# PEP 582; used by e.g. github.com/David-OConnor/pyflow and github.com/pdm-project/pdm
+__pypackages__/
+
+# Celery stuff
+celerybeat-schedule
+celerybeat.pid
+
+# SageMath parsed files
+*.sage.py
+
+# Environments
+.env
+config.json
+!config.example.json
+.venv
+env/
+venv/
+ENV/
+env.bak/
+venv.bak/
+
+# Spyder project settings
+.spyderproject
+.spyproject
+
+# Rope project settings
+.ropeproject
+
+# mkdocs documentation
+/site
+
+# mypy
+.mypy_cache/
+.dmypy.json
+dmypy.json
+
+# Pyre type checker
+.pyre/
+
+# pytype static type analyzer
+.pytype/
+
+# Cython debug symbols
+cython_debug/
+
+# PyCharm
+#  JetBrains specific template is maintained in a separate JetBrains.gitignore that can
+#  be found at https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore
+#  and can be added to the global gitignore or merged into this file.  For a more nuclear
+#  option (not recommended) you can uncomment the following to ignore the entire idea folder.
+#.idea/
+
+# Ruff stuff:
+.ruff_cache/
+
+# PyPI configuration file
+.pypirc
+
+# 配置文件和密钥
+config.json
+*.key
+*.pem
+*.env
+.env
+secrets.json
+
+# Discord 令牌和API密钥
+token.txt
+*_key.txt
+*_token.txt
+gemini_keys.txt
+openai_key.txt
+
+# 缓存目录和文件
+__pycache__/
+*.py[cod]
+*$py.class
+.pytest_cache/
+.coverage
+htmlcov/
+.tox/
+.nox/
+.hypothesis/
+.coverage
+.coverage.*
+
+# 虚拟环境
+venv/
+env/
+ENV/
+.venv/
+.virtualenv/
+
+# 日志文件
+*.log
+logs/
+npm-debug.log*
+
+# 临时文件
+*.tmp
+*.bak
+*.swp
+*~
+temp/
+tmp/
+
+# 操作系统生成的文件
+.DS_Store
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+
+# IDE和编辑器文件
+.idea/
+.vscode/
+*.sublime-project
+*.sublime-workspace
+.project
+.classpath
+.settings/
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# 用户上传的内容和缓存
+uploads/
+cache/
+agent/
+
+# 数据库文件
+*.sqlite
+*.sqlite3
+*.db
+
+# 忽略预设文件
+presets/*
+!presets/default/
+!presets/anon/

cogs/gemini.py

@@ -33,6 +33,17 @@ class Gemini(commands.Cog):
         self.config = config
         self.context_length = 20
         self.target_language = config.get("target_language")
+        
+        # 获取Gemini模型配置
+        self.gemini_models = config.get("gemini_models", {
+            "chat": "gemini-2.0-pro-exp-02-05",  # 默认聊天模型
+            "translate": "gemini-2.0-pro-exp-02-05"  # 默认翻译模型
+        })
+        
+        # 如果配置中没有gemini_models，写入默认配置
+        if not config.get("gemini_models"):
+            config.write("gemini_models", self.gemini_models)
+        
         self.default_gemini_config = types.GenerateContentConfig(
             system_instruction="",
             top_k=55,
@@ -74,7 +85,24 @@ class Gemini(commands.Cog):
         """更新聊天频道配置"""
         # 获取所有服务器配置
         self.servers = config.get("servers", {})
-        print(f"Gemini cog 已更新服务器配置")
+        
+        # 更新Gemini模型配置
+        self.gemini_models = config.get("gemini_models", {
+            "chat": "gemini-2.0-pro-exp-02-05",
+            "translate": "gemini-2.0-pro-exp-02-05"
+        })
+        
+        # 获取可用的Gemini模型列表
+        self.available_models = config.get("gemini_available_models", [])
+        if not self.available_models:
+            # 设置默认模型列表
+            self.available_models = [
+                {"name": "gemini-2.0-pro-exp-02-05", "description": "默认聊天和翻译模型"},
+                {"name": "gemini-pro", "description": "旧版Gemini Pro模型"}
+            ]
+            config.write("gemini_available_models", self.available_models)
+        
+        print(f"Gemini cog 已更新服务器配置和模型列表")
     
     def get_channel_config(self, guild_id: str, channel_id: str):
         """获取频道配置"""
@@ -418,10 +446,14 @@ class Gemini(commands.Cog):
         if extra_attachment:
             print(f"处理附件: {extra_attachment.filename} ({extra_attachment.content_type})")
         
+        # 使用聊天模型
+        chat_model = self.gemini_models.get("chat", "gemini-2.0-pro-exp-02-05")
+        
         # 发送请求
         await self.request_gemini(
             ctx,
             question,  # 直接传递原始问题，预设处理在request_gemini中完成
+            model=chat_model,
             extra_attachment=extra_attachment,
         )
 
@@ -451,6 +483,9 @@ class Gemini(commands.Cog):
         if target_language is None:
             target_language = self.target_language
 
+        # 使用翻译模型
+        translate_model = self.gemini_models.get("translate", "gemini-2.0-pro-exp-02-05")
+
         # 尝试获取翻译预设
         agent_manager = self.bot.get_cog("AgentManager")
         preset_data = None
@@ -515,198 +550,292 @@ class Gemini(commands.Cog):
             reference_user_display_name = reference_message.author.display_name
             reference_content = reference_message.content
             
-            # 替换预设中的变量
+            # 使用预设JSON结构
+            system_prompt = preset_data.get("system_prompt", "")
             first_user_message = preset_data.get("first_user_message", "")
-            first_user_message = first_user_message.replace("{context}", context)
-            first_user_message = first_user_message.replace("{target_language}", target_language)
-            first_user_message = first_user_message.replace("{reference_content}", reference_content)
-            first_user_message = first_user_message.replace("{reference_time}", reference_time)
-            first_user_message = first_user_message.replace("{reference_user_name}", reference_user_name)
-            first_user_message = first_user_message.replace("{reference_user_display_name}", reference_user_display_name)
-            first_user_message = first_user_message.replace("{name}", bot_display_name)
-            first_user_message = first_user_message.replace("{bot_name}", bot_name)
-            first_user_message = first_user_message.replace("{current_time}", current_time)
-            first_user_message = first_user_message.replace("{user_display_name}", user_display_name)
-            first_user_message = first_user_message.replace("{user_name}", user_name)
             
-            main_content = preset_data.get("main_content", "")
-            main_content = main_content.replace("{context}", context)
-            main_content = main_content.replace("{target_language}", target_language)
-            main_content = main_content.replace("{reference_content}", reference_content)
-            main_content = main_content.replace("{reference_time}", reference_time)
-            main_content = main_content.replace("{reference_user_name}", reference_user_name)
-            main_content = main_content.replace("{reference_user_display_name}", reference_user_display_name)
-            main_content = main_content.replace("{name}", bot_display_name)
-            main_content = main_content.replace("{bot_name}", bot_name)
-            main_content = main_content.replace("{current_time}", current_time)
-            main_content = main_content.replace("{user_display_name}", user_display_name)
-            main_content = main_content.replace("{user_name}", user_name)
-            
-            last_user_message = preset_data.get("last_user_message", "")
-            last_user_message = last_user_message.replace("{context}", context)
-            last_user_message = last_user_message.replace("{target_language}", target_language)
-            last_user_message = last_user_message.replace("{reference_content}", reference_content)
-            last_user_message = last_user_message.replace("{reference_time}", reference_time)
-            last_user_message = last_user_message.replace("{reference_user_name}", reference_user_name)
-            last_user_message = last_user_message.replace("{reference_user_display_name}", reference_user_display_name)
-            last_user_message = last_user_message.replace("{name}", bot_display_name)
-            last_user_message = last_user_message.replace("{bot_name}", bot_name)
-            last_user_message = last_user_message.replace("{current_time}", current_time)
-            last_user_message = last_user_message.replace("{user_display_name}", user_display_name)
-            last_user_message = last_user_message.replace("{user_name}", user_name)
-            
-            # 构建user-model-user的三个上下文
-            contents = [
-                types.Content(
-                    role="user",
-                    parts=[
-                        types.Part.from_text(text=first_user_message),
-                    ],
-                ),
-                types.Content(
-                    role="model",
-                    parts=[
-                        types.Part.from_text(text=main_content),
-                    ],
-                ),
-                types.Content(
-                    role="user",
-                    parts=[
-                        types.Part.from_text(text=last_user_message),
-                    ],
-                ),
-            ]
+            # 确保模型已设置且处于传递中
+            translate_model = self.gemini_models.get("translate", "gemini-2.0-pro-exp-02-05")
             
-            # 如果有附件，添加到最后一个用户消息中
-            if attachment_bytes:
-                # 使用Pillow和inline_data方式添加图片
-                image_bytes = BytesIO(attachment_bytes)
-                image = PIL.Image.open(image_bytes)
+            # 处理不同内容格式情况
+            if attachment_bytes and attachment_mime_type:
+                # 如果有图片附件
+                try:
+                    # 将字节转换为PIL图像以供Gemini处理
+                    if attachment_mime_type.startswith("image/"):
+                        image = PIL.Image.open(BytesIO(attachment_bytes))
+                        
+                        # 按照Gemini推荐尺寸调整图片，适应大多数模型版本
+                        if max(image.size) > 3072:
+                            ratio = 3072 / max(image.size)
+                            new_size = (int(image.size[0] * ratio), int(image.size[1] * ratio))
+                            image = image.resize(new_size, PIL.Image.LANCZOS)
+                        
+                        # 构建内容
+                        content = [
+                            {
+                                "role": "user",
+                                "parts": [
+                                    types.Part.from_text(first_user_message),
+                                    types.Part.from_image(image),
+                                ]
+                            }
+                        ]
+                        
+                        # 获取安全设置
+                        safety_settings = []
+                        try:
+                            gemini_config_data = None
+                            if agent_manager:
+                                gemini_config_data = agent_manager.get_preset_json("gemini_config.json")
+                                
+                            if gemini_config_data and "safety_settings" in gemini_config_data:
+                                safety_settings = self.build_safety_settings(gemini_config_data["safety_settings"])
+                        except Exception as e:
+                            logger.error(f"Error loading safety settings: {e}")
+                            safety_settings = []
+                        
+                        # 构建和应用生成内容配置
+                        generate_content_config = types.GenerateContentConfig(
+                            temperature=0.2,
+                            top_p=0.95,
+                            top_k=55,
+                            max_output_tokens=8192,
+                            safety_settings=safety_settings,
+                            response_mime_type="text/plain",
+                            system_instruction=[
+                                types.Part.from_text(text=system_prompt),
+                            ],
+                        )
+                        
+                        # 使用流式响应
+                        full = ""
+                        n = config.get("gemini_chunk_per_edit")
+                        every_n_chunk = 1
+                        
+                        try:
+                            response = client.models.generate_content_stream(
+                                model=translate_model,  # 使用翻译模型
+                                contents=content,
+                                config=generate_content_config,
+                            )
+                            
+                            async for chunk in async_iter(response):
+                                if chunk.text:
+                                    full += chunk.text
+                                    if every_n_chunk == n:
+                                        await msg.edit(content=full)
+                                        every_n_chunk = 1
+                                    else:
+                                        every_n_chunk += 1
+                            await msg.edit(content=full)
+                        except Exception as e:
+                            logger.error(
+                                "Error when translating with gemini, error: %s",
+                                e,
+                                exc_info=True,
+                            )
+                            if full == "":
+                                await msg.edit(content="Uh oh, something went wrong...")
+                            else:
+                                full += "\nUh oh, something went wrong..."
+                                await msg.edit(content=full)
+                except Exception as e:
+                    logger.error(f"Error processing image: {e}")
+                    await ctx.send("无法处理图片，请检查附件格式", ephemeral=True)
+            else:
+                # 替换预设中的变量
+                first_user_message = preset_data.get("first_user_message", "")
+                first_user_message = first_user_message.replace("{context}", context)
+                first_user_message = first_user_message.replace("{target_language}", target_language)
+                first_user_message = first_user_message.replace("{reference_content}", reference_content)
+                first_user_message = first_user_message.replace("{reference_time}", reference_time)
+                first_user_message = first_user_message.replace("{reference_user_name}", reference_user_name)
+                first_user_message = first_user_message.replace("{reference_user_display_name}", reference_user_display_name)
+                first_user_message = first_user_message.replace("{name}", bot_display_name)
+                first_user_message = first_user_message.replace("{bot_name}", bot_name)
+                first_user_message = first_user_message.replace("{current_time}", current_time)
+                first_user_message = first_user_message.replace("{user_display_name}", user_display_name)
+                first_user_message = first_user_message.replace("{user_name}", user_name)
                 
-                # 转换为字节数据
-                mime_type = attachment_mime_type or "image/jpeg"
-                img_byte_arr = BytesIO()
-                image.save(img_byte_arr, format=image.format or "JPEG")
-                img_byte_data = img_byte_arr.getvalue()
+                main_content = preset_data.get("main_content", "")
+                main_content = main_content.replace("{context}", context)
+                main_content = main_content.replace("{target_language}", target_language)
+                main_content = main_content.replace("{reference_content}", reference_content)
+                main_content = main_content.replace("{reference_time}", reference_time)
+                main_content = main_content.replace("{reference_user_name}", reference_user_name)
+                main_content = main_content.replace("{reference_user_display_name}", reference_user_display_name)
+                main_content = main_content.replace("{name}", bot_display_name)
+                main_content = main_content.replace("{bot_name}", bot_name)
+                main_content = main_content.replace("{current_time}", current_time)
+                main_content = main_content.replace("{user_display_name}", user_display_name)
+                main_content = main_content.replace("{user_name}", user_name)
                 
-                # 添加到消息中
-                contents[2].parts.append(
-                    types.Part(
-                        inline_data=types.Blob(
-                            mime_type=mime_type,
-                            data=img_byte_data
+                last_user_message = preset_data.get("last_user_message", "")
+                last_user_message = last_user_message.replace("{context}", context)
+                last_user_message = last_user_message.replace("{target_language}", target_language)
+                last_user_message = last_user_message.replace("{reference_content}", reference_content)
+                last_user_message = last_user_message.replace("{reference_time}", reference_time)
+                last_user_message = last_user_message.replace("{reference_user_name}", reference_user_name)
+                last_user_message = last_user_message.replace("{reference_user_display_name}", reference_user_display_name)
+                last_user_message = last_user_message.replace("{name}", bot_display_name)
+                last_user_message = last_user_message.replace("{bot_name}", bot_name)
+                last_user_message = last_user_message.replace("{current_time}", current_time)
+                last_user_message = last_user_message.replace("{user_display_name}", user_display_name)
+                last_user_message = last_user_message.replace("{user_name}", user_name)
+                
+                # 构建user-model-user的三个上下文
+                contents = [
+                    types.Content(
+                        role="user",
+                        parts=[
+                            types.Part.from_text(text=first_user_message),
+                        ],
+                    ),
+                    types.Content(
+                        role="model",
+                        parts=[
+                            types.Part.from_text(text=main_content),
+                        ],
+                    ),
+                    types.Content(
+                        role="user",
+                        parts=[
+                            types.Part.from_text(text=last_user_message),
+                        ],
+                    ),
+                ]
+                
+                # 如果有附件，添加到最后一个用户消息中
+                if attachment_bytes:
+                    # 使用Pillow和inline_data方式添加图片
+                    image_bytes = BytesIO(attachment_bytes)
+                    image = PIL.Image.open(image_bytes)
+                    
+                    # 转换为字节数据
+                    mime_type = attachment_mime_type or "image/jpeg"
+                    img_byte_arr = BytesIO()
+                    image.save(img_byte_arr, format=image.format or "JPEG")
+                    img_byte_data = img_byte_arr.getvalue()
+                    
+                    # 添加到消息中
+                    contents[2].parts.append(
+                        types.Part(
+                            inline_data=types.Blob(
+                                mime_type=mime_type,
+                                data=img_byte_data
+                            )
                         )
                     )
-                )
-                print("附件已添加到翻译请求中")
-            
-            # 设置安全设置
-            safety_settings = [
-                types.SafetySetting(
-                    category=types.HarmCategory.HARM_CATEGORY_CIVIC_INTEGRITY,
-                    threshold=types.HarmBlockThreshold.OFF,
-                ),
-                types.SafetySetting(
-                    category=types.HarmCategory.HARM_CATEGORY_DANGEROUS_CONTENT,
-                    threshold=types.HarmBlockThreshold.OFF,
-                ),
-                types.SafetySetting(
-                    category=types.HarmCategory.HARM_CATEGORY_HARASSMENT,
-                    threshold=types.HarmBlockThreshold.OFF,
-                ),
-                types.SafetySetting(
-                    category=types.HarmCategory.HARM_CATEGORY_SEXUALLY_EXPLICIT,
-                    threshold=types.HarmBlockThreshold.OFF,
-                ),
-                types.SafetySetting(
-                    category=types.HarmCategory.HARM_CATEGORY_HATE_SPEECH,
-                    threshold=types.HarmBlockThreshold.OFF,
-                ),
-            ]
-            
-            # 获取Gemini配置
-            gemini_config_data = None
-            if agent_manager:
-                gemini_config_data = agent_manager.get_preset_json("gemini_config.json", channel_id)
-            
-            # 构建配置
-            generate_content_config = types.GenerateContentConfig(
-                temperature=gemini_config_data.get("temperature", 1.0) if gemini_config_data else 1.0,
-                top_p=gemini_config_data.get("top_p", 0.95) if gemini_config_data else 0.95,
-                top_k=gemini_config_data.get("top_k", 64) if gemini_config_data else 64,
-                max_output_tokens=gemini_config_data.get("max_output_tokens", 8192) if gemini_config_data else 8192,
-                safety_settings=safety_settings,
-                response_mime_type="text/plain",
-                system_instruction=[
-                    types.Part.from_text(text=preset_data.get("system_prompt", "")),
-                ],
-            )
-            
-            # 使用已经存在的msg变量，而不是创建新消息
-            # 如���之前没有创建消息（例如没有附件），现在才创建
-            if 'msg' not in locals() or msg is None:
-                msg = await ctx.send("Translating...")
+                    print("附件已添加到翻译请求中")
                 
-            full = ""
-            n = config.get("gemini_chunk_per_edit")
-            every_n_chunk = 1
-            
-            try:
-                # 记录翻译请求内容
-                log_contents = []
-                for content in contents:
-                    parts_text = []
-                    for part in content.parts:
-                        if hasattr(part, "text") and part.text:
-                            parts_text.append(f"Text: {part.text}")
-                        else:
-                            parts_text.append(f"Unknown part type: {type(part)}")
-                    log_contents.append(f"Role: {content.role}, Parts: {parts_text}")
+                # 设置安全设置
+                safety_settings = [
+                    types.SafetySetting(
+                        category=types.HarmCategory.HARM_CATEGORY_CIVIC_INTEGRITY,
+                        threshold=types.HarmBlockThreshold.OFF,
+                    ),
+                    types.SafetySetting(
+                        category=types.HarmCategory.HARM_CATEGORY_DANGEROUS_CONTENT,
+                        threshold=types.HarmBlockThreshold.OFF,
+                    ),
+                    types.SafetySetting(
+                        category=types.HarmCategory.HARM_CATEGORY_HARASSMENT,
+                        threshold=types.HarmBlockThreshold.OFF,
+                    ),
+                    types.SafetySetting(
+                        category=types.HarmCategory.HARM_CATEGORY_SEXUALLY_EXPLICIT,
+                        threshold=types.HarmBlockThreshold.OFF,
+                    ),
+                    types.SafetySetting(
+                        category=types.HarmCategory.HARM_CATEGORY_HATE_SPEECH,
+                        threshold=types.HarmBlockThreshold.OFF,
+                    ),
+                ]
                 
-                system_instruction = "None"
-                if hasattr(generate_content_config, "system_instruction"):
-                    if generate_content_config.system_instruction:
-                        system_instruction = generate_content_config.system_instruction[0].text if generate_content_config.system_instruction else "None"
+                # 获取Gemini配置
+                gemini_config_data = None
+                if agent_manager:
+                    gemini_config_data = agent_manager.get_preset_json("gemini_config.json", channel_id)
                 
-                # 只记录到日志文件，不再重复打印到控制台
-                logger.info(
-                    "Gemini翻译请求发送: 模型=gemini-2.0-pro-exp-02-05, 内容=%s, 系统提示=%s, 配置=%s",
-                    log_contents,
-                    system_instruction,
-                    {
-                        "temperature": generate_content_config.temperature,
-                        "top_p": generate_content_config.top_p,
-                        "top_k": generate_content_config.top_k,
-                        "max_tokens": generate_content_config.max_output_tokens,
-                    }
+                # 构建配置
+                generate_content_config = types.GenerateContentConfig(
+                    temperature=gemini_config_data.get("temperature", 1.0) if gemini_config_data else 1.0,
+                    top_p=gemini_config_data.get("top_p", 0.95) if gemini_config_data else 0.95,
+                    top_k=gemini_config_data.get("top_k", 64) if gemini_config_data else 64,
+                    max_output_tokens=gemini_config_data.get("max_output_tokens", 8192) if gemini_config_data else 8192,
+                    safety_settings=safety_settings,
+                    response_mime_type="text/plain",
+                    system_instruction=[
+                        types.Part.from_text(text=preset_data.get("system_prompt", "")),
+                    ],
                 )
                 
-                response = client.models.generate_content_stream(
-                    model="gemini-2.0-pro-exp-02-05",
-                    contents=contents,
-                    config=generate_content_config,
-                )
+                # 使用已经存在的msg变量，而不是创建新消息
+                # 如果之前没有创建消息（例如没有附件），现在才创建
+                if 'msg' not in locals() or msg is None:
+                    msg = await ctx.send("Translating...")
                 
-                async for chunk in async_iter(response):
-                    if chunk.text:
-                        full += chunk.text
-                        if every_n_chunk == n:
-                            await msg.edit(content=full)
-                            every_n_chunk = 1
-                        else:
-                            every_n_chunk += 1
-                await msg.edit(content=full)
-            except Exception as e:
-                logger.error(
-                    "Error when translating with gemini, error: %s",
-                    e,
-                    exc_info=True,
-                )
-                if full == "":
-                    await msg.edit(content="Uh oh, something went wrong...")
-                else:
-                    full += "\nUh oh, something went wrong..."
+                full = ""
+                n = config.get("gemini_chunk_per_edit")
+                every_n_chunk = 1
+                
+                try:
+                    # 记录翻译请求内容
+                    log_contents = []
+                    for content in contents:
+                        parts_text = []
+                        for part in content.parts:
+                            if hasattr(part, "text") and part.text:
+                                parts_text.append(f"Text: {part.text}")
+                            else:
+                                parts_text.append(f"Unknown part type: {type(part)}")
+                        log_contents.append(f"Role: {content.role}, Parts: {parts_text}")
+                    
+                    system_instruction = "None"
+                    if hasattr(generate_content_config, "system_instruction"):
+                        if generate_content_config.system_instruction:
+                            system_instruction = generate_content_config.system_instruction[0].text if generate_content_config.system_instruction else "None"
+                    
+                    # 只记录到日志文件，不再重复打印到控制台
+                    logger.info(
+                        "Gemini翻译请求发送: 模型=gemini-2.0-pro-exp-02-05, 内容=%s, 系统提示=%s, 配置=%s",
+                        log_contents,
+                        system_instruction,
+                        {
+                            "temperature": generate_content_config.temperature,
+                            "top_p": generate_content_config.top_p,
+                            "top_k": generate_content_config.top_k,
+                            "max_tokens": generate_content_config.max_output_tokens,
+                        }
+                    )
+                    
+                    response = client.models.generate_content_stream(
+                        model=translate_model,  # 使用翻译模型
+                        contents=contents,
+                        config=generate_content_config,
+                    )
+                    
+                    async for chunk in async_iter(response):
+                        if chunk.text:
+                            full += chunk.text
+                            if every_n_chunk == n:
+                                await msg.edit(content=full)
+                                every_n_chunk = 1
+                            else:
+                                every_n_chunk += 1
                     await msg.edit(content=full)
+                except Exception as e:
+                    logger.error(
+                        "Error when translating with gemini, error: %s",
+                        e,
+                        exc_info=True,
+                    )
+                    if full == "":
+                        await msg.edit(content="Uh oh, something went wrong...")
+                    else:
+                        full += "\nUh oh, something went wrong..."
+                        await msg.edit(content=full)
         else:
             # 预设数据不存在，显示错误信息
             await ctx.send("无法加载翻译预设，请联系管理员", delete_after=5, ephemeral=True)
@@ -741,6 +870,78 @@ class Gemini(commands.Cog):
         except Exception as e:
             await ctx.send(f"Invalid timezone.", ephemeral=True, delete_after=5)
 
+    @commands.hybrid_command(name="models", description="列出或切换Gemini模型")
+    @commands.has_permissions(administrator=True)
+    async def models(self, ctx: commands.Context, model_type: str = None, model_name: str = None):
+        """列出或切换Gemini模型
+        
+        参数:
+            model_type: 模型类型（chat或translate）
+            model_name: 模型名称
+        """
+        if not model_type:
+            # 如果没有指定模型类型，列出当前使用的模型和所有可用模型
+            embed = discord.Embed(
+                title="Gemini模型配置",
+                description="当前使用的Gemini模型",
+                color=discord.Color.blue()
+            )
+            
+            chat_model = self.gemini_models.get("chat", "gemini-2.0-pro-exp-02-05")
+            translate_model = self.gemini_models.get("translate", "gemini-2.0-pro-exp-02-05")
+            
+            embed.add_field(name="聊天模型", value=f"`{chat_model}`", inline=False)
+            embed.add_field(name="翻译模型", value=f"`{translate_model}`", inline=False)
+            
+            # 添加可用模型列表
+            available_models_text = ""
+            for model in self.available_models:
+                model_name = model.get("name", "")
+                model_desc = model.get("description", "")
+                if model_desc:
+                    available_models_text += f"• `{model_name}` - {model_desc}\n"
+                else:
+                    available_models_text += f"• `{model_name}`\n"
+            
+            if available_models_text:
+                embed.add_field(name="可用模型列表", value=available_models_text, inline=False)
+            else:
+                embed.add_field(name="可用模型列表", value="没有可用的模型", inline=False)
+            
+            embed.add_field(
+                name="使用方法", 
+                value="使用 `/models chat <模型名>` 更改聊天模型\n使用 `/models translate <模型名>` 更改翻译模型", 
+                inline=False
+            )
+            
+            await ctx.send(embed=embed)
+            return
+        
+        if model_type not in ["chat", "translate"]:
+            await ctx.send("错误：模型类型必须是 `chat` 或 `translate`", ephemeral=True)
+            return
+        
+        if not model_name:
+            await ctx.send(f"错误：请指定模型名称", ephemeral=True)
+            return
+        
+        # 检查模型是否在可用列表中
+        model_exists = any(model.get("name") == model_name for model in self.available_models)
+        if not model_exists:
+            # 仍然允许用户设置不在列表中的模型，但显示警告
+            await ctx.send(f"警告：模型 `{model_name}` 不在可用模型列表中，但仍将设置为当前模型。", ephemeral=True)
+        
+        # 更新模型配置
+        self.gemini_models[model_type] = model_name
+        config.write("gemini_models", self.gemini_models)
+        
+        await ctx.send(f"已将{model_type}模型设置为：{model_name}", ephemeral=True)
+    
+    @models.error
+    async def models_error(self, ctx: commands.Context, error):
+        if isinstance(error, commands.MissingPermissions):
+            await ctx.send("错误：只有管理员可以更改模型配置", ephemeral=True)
+
 
 async def setup(bot: commands.Bot):
     apikeys = config.get("gemini_keys")

cogs/openai.py

@@ -31,6 +31,15 @@ class Openai(commands.Cog):
             config.write("default_openai_model", self.model)
         
         self.context_length = 20
+        
+        # 构建自定义触发指令到模型的映射
+        self.trigger_to_model = {}
+        for model_name, model_config in self.models.items():
+            custom_trigger = model_config.get("custom_trigger", "")
+            if custom_trigger:
+                self.trigger_to_model[custom_trigger] = model_name
+        
+        logger.info(f"OpenAI cog 已加载自定义触发指令映射: {self.trigger_to_model}")
 
     async def cog_load(self):
         """当cog被加载时调用，这是一个异步上下文"""
@@ -49,7 +58,16 @@ class Openai(commands.Cog):
         """更新聊天频道配置"""
         # 获取所有服务器配置
         self.servers = config.get("servers", {})
-        print(f"OpenAI cog 已更新服务器配置")
+        
+        # 重新获取模型配置并更新自定义触发指令映射
+        self.models = config.get("openai_models", {})
+        self.trigger_to_model = {}
+        for model_name, model_config in self.models.items():
+            custom_trigger = model_config.get("custom_trigger", "")
+            if custom_trigger:
+                self.trigger_to_model[custom_trigger] = model_name
+        
+        logger.info(f"OpenAI cog 已更新服务器配置和自定义触发指令映射: {self.trigger_to_model}")
     
     def get_channel_config(self, guild_id: str, channel_id: str):
         """获取频道配置"""
@@ -121,31 +139,13 @@ class Openai(commands.Cog):
             "top_p": openai_config.get("top_p", 0.95),
             "top_k": openai_config.get("top_k", 55),
             "temperature": openai_config.get("temperature", 1.0),
-            "stream": False,
+            "stream": True,
         }
         
         # 记录API请求数据
         logger.info(f"OpenAI API 请求数据: {json.dumps(data, ensure_ascii=False, indent=2)}")
         
-        try:
-            # 创建新的ClientSession用于API请求
-            async with ClientSession() as session:
-                # 使用会话进行API请求
-                async with session.post(url, headers=headers, json=data) as resp:
-                    resp.raise_for_status()
-                    response_data = await resp.json()
-                    
-                    # 从响应中提取回复内容
-                    if "choices" in response_data and len(response_data["choices"]) > 0:
-                        content = response_data["choices"][0]["message"]["content"]
-                        if not content or content.strip() == "":
-                            raise ValueError("API返回了空响应")
-                        return content
-                    else:
-                        raise ValueError("API返回的响应格式不正确")
-        except Exception as e:
-            logger.error(f"OpenAI API请求失败: {str(e)}")
-            raise ValueError(f"OpenAI API请求失败: {str(e)}")
+        return url, headers, data
 
     @commands.hybrid_command(name="yo", description="Chat with OpenAI models.")
     async def yo(
@@ -283,19 +283,68 @@ class Openai(commands.Cog):
     async def stream_openai_response(self, model: str, prompt: str, username: str, message: discord.Message, channel_id=None, guild_id=None, webhook=None):
         """流式生成并更新OpenAI响应"""
         try:
-            # 获取完整响应
-            response = await self.request_openai(model, prompt, username, guild_id, channel_id)
-            
-            # 检查响应是否为空
-            if not response or response.strip() == "":
-                response = "抱歉，我现在无法生成回复。请稍后再试。"
+            # 准备API请求参数
+            url, headers, data = await self.request_openai(model, prompt, username, guild_id, channel_id)
             
-            # 更新消息
-            if webhook and isinstance(message, discord.WebhookMessage):
-                # 不再传递avatar_url，使用默认头像
-                await message.edit(content=response)
-            else:
-                await message.edit(content=response)
+            # 创建新的ClientSession用于API请求
+            async with ClientSession() as session:
+                # 使用会话进行API请求
+                async with session.post(url, headers=headers, json=data) as resp:
+                    resp.raise_for_status()
+                    
+                    # 处理流式响应
+                    response_content = ""
+                    # 记录上次更新时间，避免过于频繁更新消息
+                    last_update_time = 0
+                    # 更新间隔（秒）
+                    update_interval = 1.0
+                    # 获取用于块更新的配置参数
+                    chunk_per_edit = self.models.get(model, {}).get("chunk_per_edit", 10)
+                    # 累计的块数
+                    chunk_count = 0
+                    
+                    async for line in resp.content:
+                        if not line:
+                            continue
+                        
+                        line = line.decode('utf-8').strip()
+                        if line == "data: [DONE]":
+                            break
+                        
+                        if line.startswith("data: "):
+                            try:
+                                chunk_data = json.loads(line[6:])
+                                if "choices" in chunk_data and len(chunk_data["choices"]) > 0:
+                                    delta = chunk_data["choices"][0].get("delta", {})
+                                    if "content" in delta and delta["content"]:
+                                        response_content += delta["content"]
+                                        chunk_count += 1
+                                        
+                                        # 根据时间间隔和块数量决定是否更新消息
+                                        current_time = asyncio.get_event_loop().time()
+                                        if (current_time - last_update_time >= update_interval or 
+                                            chunk_count >= chunk_per_edit):
+                                            if webhook and isinstance(message, discord.WebhookMessage):
+                                                await message.edit(content=response_content)
+                                            else:
+                                                await message.edit(content=response_content)
+                                            last_update_time = current_time
+                                            chunk_count = 0
+                            except json.JSONDecodeError:
+                                continue
+                    
+                    # 确保最后的内容被更新
+                    if response_content:
+                        if webhook and isinstance(message, discord.WebhookMessage):
+                            await message.edit(content=response_content)
+                        else:
+                            await message.edit(content=response_content)
+                    elif not response_content or response_content.strip() == "":
+                        error_msg = "抱歉，我现在无法生成回复。请稍后再试。"
+                        if webhook and isinstance(message, discord.WebhookMessage):
+                            await message.edit(content=error_msg)
+                        else:
+                            await message.edit(content=error_msg)
                 
         except Exception as e:
             error_msg = f"生成响应时发生错误: {str(e)}"
@@ -344,6 +393,88 @@ class Openai(commands.Cog):
         if isinstance(error, commands.MissingPermissions):
             await ctx.send("错误：只有管理员可以更改默认模型", ephemeral=True)
 
+    @commands.Cog.listener()
+    async def on_message(self, message):
+        """监听消息，处理自定义触发指令"""
+        # 忽略机器人消息
+        if message.author.bot:
+            return
+        
+        # 检查是否在聊天频道中
+        guild_id = str(message.guild.id) if message.guild else None
+        channel_id = str(message.channel.id)
+        
+        if not guild_id:
+            return  # 忽略私信
+            
+        channel_config = self.get_channel_config(guild_id, channel_id)
+        if not channel_config:
+            return  # 不是聊天频道
+        
+        # 获取消息内容
+        content = message.content.strip()
+        
+        # 检查是否是自定义触发指令
+        for trigger, model_name in self.trigger_to_model.items():
+            if content.startswith(trigger):
+                # 提取问题
+                question = content[len(trigger):].strip()
+                if not question:
+                    # 如果没有内容，忽略
+                    return
+                
+                # 创建上下文对象，以便复用命令逻辑
+                ctx = await self.bot.get_context(message)
+                if ctx.valid:
+                    return  # 如果是有效的命令上下文，让命令处理器处理
+                
+                # 处理上下文长度
+                context_length = self.context_length
+                
+                # 用户名设为模型名
+                username = model_name
+                
+                # 根据是否是回复消息生成prompt
+                if message.reference is None:
+                    prompt = await self.context_prompter.chat_prompt(
+                        ctx, context_length, question, name=username
+                    )
+                else:
+                    ref_message = await message.channel.fetch_message(message.reference.message_id)
+                    prompt = await self.context_prompter.chat_prompt_with_reference(
+                        ctx, context_length, 5, question, ref_message, name=username
+                    )
+                
+                try:
+                    # 使用webhook发送消息
+                    webhook = await self.get_or_create_webhook(message.channel)
+                    
+                    # 根据频道类型选择正确的发送方式
+                    if isinstance(message.channel, discord.Thread):
+                        # 发送初始消息到线程中
+                        typing_msg = await webhook.send(
+                            content="typing...", 
+                            username=username, 
+                            wait=True,
+                            thread=message.channel
+                        )
+                    else:
+                        # 发送到普通文字频道
+                        typing_msg = await webhook.send(
+                            content="typing...", 
+                            username=username, 
+                            wait=True
+                        )
+                    
+                    # 使用流式生成并更新消息
+                    await self.stream_openai_response(model_name, prompt, username, typing_msg, channel_id, guild_id, webhook)
+                except Exception as e:
+                    logger.error(f"自定义触发指令处理失败: {e}")
+                    await message.reply(f"请求失败: {str(e)}", mention_author=False)
+                
+                # 处理完成，退出函数
+                return
+
 
 async def setup(bot: commands.Bot):
     openai_key = config.get("openai_key", "")

config.json

@@ -1,73 +1,94 @@
-{
-    "token": "MTM1MzA5NjExODk5NjgzMjMyNg.G6GegN.65muNrCalIydteCElYnUpjcoqLzx2lx9GiaPtM",
-    "webhook_url": "https://discord.com/api/webhooks/1353097385798275223/FSvIa4TYztnLUf4K20WJdVnTv_TthZGoX1FdHHSKx-Qc3ZhVgjcsFS704rK68SRpS8DF",
-    "target_language": "Chinese",
-    "servers": {
-        "main": {
-            "guild_id": "1225874935050797207",
-            "source_channel_id": "1350113928499433502",
-            "target_channel_id": "1350113406388142111",
-            "main_channel_id": "1350642349000233180",
-            "backup_channel_id": "1350547121232936980",
-            "chat_channels": {
-                "1350113928499433502": {
-                    "preset": "default"
-                },
-                "1350642349000233180": {
-                    "preset": "default"
-                },
-                "1353159493935956029": {
-                    "preset": "default"
-                },
-                "1353172097664421899": {
-                    "preset": "default"
-                }
-            }
-        },
-        "server2": {
-            "guild_id": "1297598690734899241",
-            "source_channel_id": "1345815626035363912",
-            "target_channel_id": "1345815626035363912",
-            "main_channel_id": "1346477511961346130",
-            "backup_channel_id": "1345798271347589233",
-            "chat_channels": {
-                "1345815626035363912": {
-                    "preset": "default"
-                },
-                "1346477511961346130": {
-                    "preset": "default"
-                },
-                "1353087178896310433": {
-                    "preset": "default"
-                }
-            }
-        }
-    },
-    "current_key": 3,
-    "gemini_chunk_per_edit": 2,
-    "gemini_keys": [
-        "AIzaSyBKNuMl39O7a5cForM62J0wzJ9Xa5DS0_c",
-        "AIzaSyBP12paErT-QURQBqG8CLGJjrwESJbn6KQ",
-        "AIzaSyDwDhAABYz152pnz8nsl21qcLXdV3lrdHQ",
-        "AIzaSyCFC7IMYoxj8Lng6GZdn6ZmXMiiAmDapfE",
-        "AIzaSyDOpJSy2QPZKvpt0hv6lJ7gVZ-cTQsB12I",
-        "AIzaSyCq5C93S-U2RTJmfwt5YicnFhIUY7Km80E"
-    ],
-    "openai_key": "sk-Xu9jqxHVLDqkrbry7hbIzyOkv5VnUrto4VBNYHvg8h6ZcZs1",
-    "openai_endpoint": "https://esotlam-new-api.hf.space/v1",
-    "openai_models": {
-        "claude": {
-            "id": "cursor/claude-3.7-sonnet",
-            "chunk_per_edit": 10
-        },
-        "gpt": {
-            "id": "gpt-4o-mini",
-            "chunk_per_edit": 10
-        },
-        "grok": {
-            "id": "grok.com/grok-3",
-            "chunk_per_edit": 10
-        }
-    },
-    "default_openai_model": "claude"
+{
+    "token": "MTM1MzA5NjExODk5NjgzMjMyNg.G6GegN.65muNrCalIydteCElYnUpjcoqLzx2lx9GiaPtM",
+    "webhook_url": "https://discord.com/api/webhooks/1353097385798275223/FSvIa4TYztnLUf4K20WJdVnTv_TthZGoX1FdHHSKx-Qc3ZhVgjcsFS704rK68SRpS8DF",
+    "target_language": "Chinese",
+    "password": "123456",
+    "servers": {
+        "main": {
+            "guild_id": "1225874935050797207",
+            "source_channel_id": "1350113928499433502",
+            "target_channel_id": "1350113406388142111",
+            "main_channel_id": "1350642349000233180",
+            "backup_channel_id": "1350547121232936980",
+            "chat_channels": {
+                "1350113928499433502": {
+                    "preset": "default"
+                },
+                "1350642349000233180": {
+                    "preset": "default"
+                },
+                "1353159493935956029": {
+                    "preset": "default"
+                },
+                "1353172097664421899": {
+                    "preset": "default"
+                },
+                "1353304668503015485": {
+                    "preset": "default"
+                }
+            }
+        },
+        "server2": {
+            "guild_id": "1297598690734899241",
+            "source_channel_id": "1345815626035363912",
+            "target_channel_id": "1345815626035363912",
+            "main_channel_id": "1346477511961346130",
+            "backup_channel_id": "1345798271347589233",
+            "chat_channels": {
+                "1345815626035363912": {
+                    "preset": "default"
+                },
+                "1346477511961346130": {
+                    "preset": "default"
+                },
+                "1353087178896310433": {
+                    "preset": "default"
+                }
+            }
+        }
+    },
+    "current_key": 5,
+    "gemini_chunk_per_edit": 2,
+    "gemini_keys": [
+        "AIzaSyBKNuMl39O7a5cForM62J0wzJ9Xa5DS0_c",
+        "AIzaSyBP12paErT-QURQBqG8CLGJjrwESJbn6KQ",
+        "AIzaSyDwDhAABYz152pnz8nsl21qcLXdV3lrdHQ",
+        "AIzaSyCFC7IMYoxj8Lng6GZdn6ZmXMiiAmDapfE",
+        "AIzaSyDOpJSy2QPZKvpt0hv6lJ7gVZ-cTQsB12I",
+        "AIzaSyCq5C93S-U2RTJmfwt5YicnFhIUY7Km80E"
+    ],
+    "gemini_models": {
+        "chat": "gemini-2.0-pro-exp-02-05",
+        "translate": "gemini-2.0-pro-exp-02-05"
+    },
+    "gemini_available_models": [
+        {
+            "name": "gemini-2.0-pro-exp-02-05",
+            "description": "默认聊天和翻译模型"
+        },
+        {
+            "name": "gemini-pro",
+            "description": "旧版Gemini Pro模型"
+        }
+    ],
+    "openai_key": "sk-Xu9jqxHVLDqkrbry7hbIzyOkv5VnUrto4VBNYHvg8h6ZcZs1",
+    "openai_endpoint": "https://esotlam-new-api.hf.space/v1",
+    "openai_models": {
+        "claude": {
+            "id": "genspark/claude-3-7-sonnet",
+            "chunk_per_edit": 10,
+            "custom_trigger": ".cl"
+        },
+        "gpt": {
+            "id": "gpt-4o-mini",
+            "chunk_per_edit": 10,
+            "custom_trigger": ""
+        },
+        "grok": {
+            "id": "grok.com/grok-3",
+            "chunk_per_edit": 10,
+            "custom_trigger": ".grok"
+        }
+    },
+    "default_openai_model": "claude"
 }

main.py

@@ -12,17 +12,28 @@ import threading
 import webbrowser
 import time
 import requests
-from flask import Flask, render_template, request, jsonify, redirect, url_for, send_from_directory
+from flask import Flask, render_template, request, jsonify, redirect, url_for, send_from_directory, session
 from werkzeug.utils import secure_filename
 from PIL import Image, ImageDraw, ImageFont
 import io
 import shutil
 from utils.config import config
+from functools import wraps
 
 # 配置Flask应用
 app = Flask(__name__, 
             static_folder='static',
             template_folder='templates')
+app.secret_key = os.urandom(24)  # 设置session密钥
+
+# 登录验证装饰器
+def login_required(f):
+    @wraps(f)
+    def decorated_function(*args, **kwargs):
+        if not session.get('logged_in'):
+            return redirect(url_for('login'))
+        return f(*args, **kwargs)
+    return decorated_function
 
 # 配置日志级别，过滤掉 google_genai.models 的 INFO 级别日志
 logging.getLogger('google_genai.models').setLevel(logging.WARNING)
@@ -67,30 +78,79 @@ def create_default_avatar():
     img.save(avatar_path)
 
 # Flask路由
+@app.route('/login')
+def login():
+    if session.get('logged_in'):
+        return redirect(url_for('index'))
+    return render_template('login.html')
+
+@app.route('/api/login', methods=['POST'])
+def api_login():
+    data = request.json
+    password = data.get('password')
+    
+    # 直接从config.json读取最新密码
+    try:
+        with open('config.json', 'r', encoding='utf-8') as f:
+            config_data = json.load(f)
+            config_password = config_data.get('password')
+    except:
+        config_password = None
+    
+    if not config_password:
+        # 如果配置中没有密码，设置默认密码为 "admin"
+        config_password = "admin"
+        config.write("password", config_password)
+    
+    if password == config_password:
+        session['logged_in'] = True
+        return jsonify({"status": "success"})
+    return jsonify({"status": "error", "message": "密码错误"})
+
+@app.route('/logout')
+def logout():
+    session.pop('logged_in', None)
+    return redirect(url_for('login'))
+
 @app.route('/')
+@login_required
 def index():
     return render_template('index.html')
 
 @app.route('/config')
+@login_required
 def config_page():
     return render_template('config.html')
 
 @app.route('/presets')
+@login_required
 def presets_page():
     presets = os.listdir('agent/presets')
     return render_template('presets.html', presets=presets)
 
 @app.route('/api/config', methods=['GET'])
+@login_required
 def get_config():
     with open('config.json', 'r', encoding='utf-8') as f:
         config_data = json.load(f)
     return jsonify(config_data)
 
 @app.route('/api/config', methods=['POST'])
+@login_required
 def update_config():
     config_data = request.json
+    
+    # 检查密码是否被修改
+    current_password = config.get('password')
+    password_changed = current_password != config_data.get('password')
+    
+    # 保存配置
     with open('config.json', 'w', encoding='utf-8') as f:
         json.dump(config_data, f, indent=4, ensure_ascii=False)
+    
+    # 如果密码被修改,返回特殊状态码
+    if password_changed:
+        return jsonify({"status": "password_changed"})
     return jsonify({"status": "success"})
 
 @app.route('/api/presets', methods=['GET'])

readme.md

@@ -9,6 +9,14 @@ pinned: false
 
 # Img Forwarder (图片转发机器人)
 
+[![Hugging Face Spaces](https://img.shields.io/badge/Hugging%20Face-Spaces-blue)](https://huggingface.co/spaces/fuwei99/img_forwarder)
+[![GitHub](https://img.shields.io/badge/GitHub-Repository-blue)](https://github.com/fuwei99/img_forwarder)
+
+## 最新更新
+
+* **多服务支持**：现在支持多个Discord服务器的配置管理
+* **网络配置**：增加了网络端口5000的配置功能，通过Web界面可更方便地管理机器人
+
 ## [中文版]
 
 这是一个功能丰富的 Discord 机器人，最初设计用于将图片从一个频道转发到图库频道，但现已演变为包含多种 AI 集成和实用功能的综合工具。
@@ -24,6 +32,13 @@ pinned: false
 - **关键词响应**：自动回复配置的触发词
 - **管理命令**：提供多种机器人管理的管理员命令
 - **Web 界面**：提供直观的配置和预设管理界面
+- **多服务器支持**：支持在多个Discord服务器上同时工作
+
+### 一键部署
+
+你可以通过以下链接一键部署到 Hugging Face Spaces：
+
+[![Deploy to Hugging Face](https://huggingface.co/datasets/huggingface/badges/raw/main/deploy-to-huggingface.svg)](https://huggingface.co/spaces/fuwei99/img_forwarder)
 
 ### 安装设置
 
@@ -126,10 +141,34 @@ python main.py  # 或 ./start.bat
 ```json
 {
     "token": "你的机器人令牌", 
-    "target_channel_id": 123, // 图库频道
-    "source_channel_id": 123, // 图片分享频道
-    "chat_channel_id": 123, // 自动回复、备份和 AI 功能工作的频道
-    "backup_channel_id": 123, 
+    "servers": {
+        "server_1": {
+            "name": "主服务器",
+            "discord_guild_id": "服务器ID",
+            "target_channel_id": 123456789, // 图库频道
+            "source_channel_id": 123456789, // 图片分享频道
+            "main_channel_id": 123456789, // 自动回复、备份和 AI 功能工作的频道
+            "backup_channel_id": 123456789,
+            "chat_channels": {
+                "频道ID": {
+                    "preset": "default"
+                }
+            }
+        },
+        "server_2": {
+            "name": "第二服务器",
+            "discord_guild_id": "服务器ID",
+            "target_channel_id": 123456789,
+            "source_channel_id": 123456789,
+            "main_channel_id": 123456789,
+            "backup_channel_id": 123456789,
+            "chat_channels": {
+                "频道ID": {
+                    "preset": "default"
+                }
+            }
+        }
+    },
     "gemini_keys": [
         "你的_GEMINI_密钥",
         "你的_GEMINI_密钥",

static/css/style.css

@@ -1,157 +1,157 @@
-/* 全局样式 */
-body {
-    background-color: #f8f9fa;
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-}
-
-/* 导航栏品牌名称 */
-.navbar-brand {
-    font-weight: 600;
-}
-
-/* 卡片悬停效果 */
-.hover-card {
-    transition: transform 0.3s, box-shadow 0.3s;
-}
-
-.hover-card:hover {
-    transform: translateY(-5px);
-    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
-}
-
-/* 预设列表样式 */
-.preset-item {
-    border-left: 3px solid transparent;
-    transition: all 0.2s;
-}
-
-.preset-item:hover {
-    border-left-color: #0d6efd;
-}
-
-.preset-item.active {
-    border-left-color: #0d6efd;
-    background-color: rgba(13, 110, 253, 0.1);
-}
-
-/* 表单元素增强 */
-.form-control:focus, .form-select:focus {
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-    border-color: #86b7fe;
-}
-
-textarea.form-control {
-    resize: vertical;
-    min-height: 80px;
-}
-
-/* 头像上传按钮 */
-#changeAvatarBtn {
-    transition: opacity 0.3s;
-    opacity: 0.7;
-}
-
-#changeAvatarBtn:hover {
-    opacity: 1;
-}
-
-/* Cropper样式 */
-.img-container {
-    max-height: 500px;
-    margin-bottom: 20px;
-}
-
-/* Tab内容区域 */
-.tab-content {
-    min-height: 400px;
-}
-
-/* 导航标签样式增强 */
-.nav-tabs .nav-link {
-    color: #495057;
-    border-radius: 0;
-    padding: 0.75rem 1rem;
-}
-
-.nav-tabs .nav-link.active {
-    font-weight: 600;
-    border-bottom: 3px solid #0d6efd;
-}
-
-.nav-pills .nav-link.active {
-    background-color: #0d6efd;
-}
-
-/* 预设编辑器标题 */
-.preset-file-title {
-    font-size: 0.9rem;
-    color: #6c757d;
-    margin-bottom: 0.5rem;
-}
-
-/* 按钮动画 */
-.btn {
-    transition: all 0.2s;
-}
-
-.btn:hover {
-    transform: translateY(-2px);
-}
-
-/* 聊天频道卡片样式 */
-.chat-channel-item {
-    transition: all 0.2s;
-    border-left: 3px solid transparent;
-}
-
-.chat-channel-item:hover {
-    border-left-color: #0d6efd;
-    background-color: rgba(13, 110, 253, 0.05);
-}
-
-/* 表格样式增强 */
-.table {
-    border-color: #dee2e6;
-}
-
-.table thead th {
-    background-color: #f8f9fa;
-    font-weight: 600;
-}
-
-/* 自定义滚动条 */
-::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-}
-
-::-webkit-scrollbar-track {
-    background: #f1f1f1;
-    border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #c1c1c1;
-    border-radius: 4px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: #a8a8a8;
-}
-
-/* 响应式调整 */
-@media (max-width: 767.98px) {
-    .preset-item .preset-avatar img {
-        width: 32px;
-        height: 32px;
-    }
-    
-    .card-header h5 {
-        font-size: 1rem;
-    }
-    
-    .btn-sm {
-        padding: 0.25rem 0.5rem;
-        font-size: 0.75rem;
-    }
+/* 全局样式 */
+body {
+    background-color: #f8f9fa;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+/* 导航栏品牌名称 */
+.navbar-brand {
+    font-weight: 600;
+}
+
+/* 卡片悬停效果 */
+.hover-card {
+    transition: transform 0.3s, box-shadow 0.3s;
+}
+
+.hover-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
+}
+
+/* 预设列表样式 */
+.preset-item {
+    border-left: 3px solid transparent;
+    transition: all 0.2s;
+}
+
+.preset-item:hover {
+    border-left-color: #0d6efd;
+}
+
+.preset-item.active {
+    border-left-color: #0d6efd;
+    background-color: rgba(13, 110, 253, 0.1);
+}
+
+/* 表单元素增强 */
+.form-control:focus, .form-select:focus {
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+    border-color: #86b7fe;
+}
+
+textarea.form-control {
+    resize: vertical;
+    min-height: 80px;
+}
+
+/* 头像上传按钮 */
+#changeAvatarBtn {
+    transition: opacity 0.3s;
+    opacity: 0.7;
+}
+
+#changeAvatarBtn:hover {
+    opacity: 1;
+}
+
+/* Cropper样式 */
+.img-container {
+    max-height: 500px;
+    margin-bottom: 20px;
+}
+
+/* Tab内容区域 */
+.tab-content {
+    min-height: 400px;
+}
+
+/* 导航标签样式增强 */
+.nav-tabs .nav-link {
+    color: #495057;
+    border-radius: 0;
+    padding: 0.75rem 1rem;
+}
+
+.nav-tabs .nav-link.active {
+    font-weight: 600;
+    border-bottom: 3px solid #0d6efd;
+}
+
+.nav-pills .nav-link.active {
+    background-color: #0d6efd;
+}
+
+/* 预设编辑器标题 */
+.preset-file-title {
+    font-size: 0.9rem;
+    color: #6c757d;
+    margin-bottom: 0.5rem;
+}
+
+/* 按钮动画 */
+.btn {
+    transition: all 0.2s;
+}
+
+.btn:hover {
+    transform: translateY(-2px);
+}
+
+/* 聊天频道卡片样式 */
+.chat-channel-item {
+    transition: all 0.2s;
+    border-left: 3px solid transparent;
+}
+
+.chat-channel-item:hover {
+    border-left-color: #0d6efd;
+    background-color: rgba(13, 110, 253, 0.05);
+}
+
+/* 表格样式增强 */
+.table {
+    border-color: #dee2e6;
+}
+
+.table thead th {
+    background-color: #f8f9fa;
+    font-weight: 600;
+}
+
+/* 自定义滚动条 */
+::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+}
+
+::-webkit-scrollbar-track {
+    background: #f1f1f1;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #c1c1c1;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #a8a8a8;
+}
+
+/* 响应式调整 */
+@media (max-width: 767.98px) {
+    .preset-item .preset-avatar img {
+        width: 32px;
+        height: 32px;
+    }
+    
+    .card-header h5 {
+        font-size: 1rem;
+    }
+    
+    .btn-sm {
+        padding: 0.25rem 0.5rem;
+        font-size: 0.75rem;
+    }
 } 

templates/config.html

@@ -18,7 +18,7 @@
                     <span class="navbar-toggler-icon"></span>
                 </button>
                 <div class="collapse navbar-collapse" id="navbarNav">
-                    <ul class="navbar-nav">
+                    <ul class="navbar-nav me-auto">
                         <li class="nav-item">
                             <a class="nav-link" href="/">首页</a>
                         </li>
@@ -29,6 +29,13 @@
                             <a class="nav-link" href="/presets">预设管理</a>
                         </li>
                     </ul>
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" href="/logout">
+                                <i class="bi bi-box-arrow-right"></i> 退出
+                            </a>
+                        </li>
+                    </ul>
                 </div>
             </div>
         </nav>
@@ -77,6 +84,13 @@
                                         <div class="form-text">机器人响应使用的默认语言</div>
                                     </div>
                                 </div>
+                                <div class="col-md-6">
+                                    <div class="form-floating mb-3">
+                                        <input type="password" class="form-control" id="password" name="password">
+                                        <label for="password">管理密码</label>
+                                        <div class="form-text">用于登录管理界面的密码</div>
+                                    </div>
+                                </div>
                                 <div class="col-12">
                                     <div class="form-floating mb-3">
                                         <input type="text" class="form-control" id="webhook_url" name="webhook_url">
@@ -130,6 +144,44 @@
                                     <i class="bi bi-plus"></i> 添加密钥
                                 </button>
                             </div>
+                            
+                            <div class="card mb-3">
+                                <div class="card-header bg-light d-flex justify-content-between align-items-center">
+                                    <h5 class="mb-0">Gemini 模型配置</h5>
+                                </div>
+                                <div class="card-body">
+                                    <div class="row g-3">
+                                        <div class="col-md-6">
+                                            <div class="form-floating mb-3">
+                                                <input type="text" class="form-control" id="gemini_chat_model" name="gemini_chat_model">
+                                                <label for="gemini_chat_model">聊天模型</label>
+                                                <div class="form-text">用于聊天的Gemini模型，例如: gemini-2.0-pro-exp-02-05</div>
+                                            </div>
+                                        </div>
+                                        <div class="col-md-6">
+                                            <div class="form-floating mb-3">
+                                                <input type="text" class="form-control" id="gemini_translate_model" name="gemini_translate_model">
+                                                <label for="gemini_translate_model">翻译模型</label>
+                                                <div class="form-text">用于翻译的Gemini模型，例如: gemini-2.0-pro-exp-02-05</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            
+                            <div class="card mb-3">
+                                <div class="card-header bg-light d-flex justify-content-between align-items-center">
+                                    <h5 class="mb-0">Gemini 可用模型列表</h5>
+                                    <button type="button" class="btn btn-sm btn-primary" id="addGeminiModelBtn">
+                                        <i class="bi bi-plus"></i> 添加模型
+                                    </button>
+                                </div>
+                                <div class="card-body">
+                                    <div id="gemini_models_container" class="mb-3">
+                                        <!-- 这里会动态添加Gemini模型配置 -->
+                                    </div>
+                                </div>
+                            </div>
                         </div>
 
                         <!-- OpenAI 设置 -->
@@ -274,6 +326,11 @@
                             <label for="new_model_chunk_per_edit" class="form-label">每次编辑的块数</label>
                             <input type="number" class="form-control" id="new_model_chunk_per_edit" value="10" min="1">
                         </div>
+                        <div class="mb-3">
+                            <label for="new_model_custom_trigger" class="form-label">自定义触发指令</label>
+                            <input type="text" class="form-control" id="new_model_custom_trigger" placeholder="例如：.cl">
+                            <div class="form-text">留空表示不使用自定义触发指令</div>
+                        </div>
                     </div>
                     <div class="modal-footer">
                         <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
@@ -283,6 +340,32 @@
             </div>
         </div>
 
+        <!-- 添加Gemini模型模态框 -->
+        <div class="modal fade" id="addGeminiModelModal" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">添加 Gemini 模型</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="mb-3">
+                            <label for="new_gemini_model_name" class="form-label">模型名称</label>
+                            <input type="text" class="form-control" id="new_gemini_model_name" placeholder="例如: gemini-2.0-pro-exp-02-05">
+                        </div>
+                        <div class="mb-3">
+                            <label for="new_gemini_model_description" class="form-label">模型描述</label>
+                            <input type="text" class="form-control" id="new_gemini_model_description" placeholder="例如: Gemini Pro Vision">
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
+                        <button type="button" class="btn btn-primary" id="confirmAddGeminiModelBtn">添加</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
         <!-- 保存成功提示 -->
         <div class="toast-container position-fixed top-0 end-0 p-3">
             <div id="saveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
@@ -317,6 +400,7 @@
                     $('#token').val(config.token || '');
                     $('#webhook_url').val(config.webhook_url || '');
                     $('#target_language').val(config.target_language || 'Chinese');
+                    $('#password').val(config.password || '');
                     
                     // 服务器设置
                     $('#servers_container').empty();
@@ -338,6 +422,20 @@
                         });
                     }
                     
+                    // Gemini模型配置
+                    if (config.gemini_models) {
+                        $('#gemini_chat_model').val(config.gemini_models.chat || 'gemini-2.0-pro-exp-02-05');
+                        $('#gemini_translate_model').val(config.gemini_models.translate || 'gemini-2.0-pro-exp-02-05');
+                    }
+                    
+                    // Gemini可用模型列表
+                    $('#gemini_models_container').empty();
+                    if (config.gemini_available_models && Array.isArray(config.gemini_available_models)) {
+                        config.gemini_available_models.forEach((model) => {
+                            addGeminiModelToUI(model);
+                        });
+                    }
+                    
                     // OpenAI设置
                     $('#openai_key').val(config.openai_key || '');
                     $('#openai_endpoint').val(config.openai_endpoint || '');
@@ -427,7 +525,9 @@
                                 </div>
                             </div>
                         </div>
-                    `;
+                    </div>
+                </div>
+            `;
             $('#servers_container').append(serverHtml);
         }
 
@@ -437,10 +537,16 @@
                 token: $('#token').val(),
                 webhook_url: $('#webhook_url').val(),
                 target_language: $('#target_language').val(),
+                password: $('#password').val(),
                 servers: {},
                 current_key: parseInt($('#current_key').val()) || 0,
                 gemini_chunk_per_edit: parseInt($('#gemini_chunk_per_edit').val()) || 2,
                 gemini_keys: [],
+                gemini_models: {
+                    chat: $('#gemini_chat_model').val() || 'gemini-2.0-pro-exp-02-05',
+                    translate: $('#gemini_translate_model').val() || 'gemini-2.0-pro-exp-02-05'
+                },
+                gemini_available_models: [],
                 openai_key: $('#openai_key').val(),
                 openai_endpoint: $('#openai_endpoint').val(),
                 openai_models: {}
@@ -476,12 +582,23 @@
                 }
             });
 
+            // 收集Gemini可用模型
+            $('.gemini-model-card').each(function() {
+                const modelName = $(this).data('model-name');
+                const modelDescription = $(this).find('.model-description').val();
+                config.gemini_available_models.push({
+                    name: modelName,
+                    description: modelDescription || ""
+                });
+            });
+
             // 收集OpenAI模型配置
             $('.model-card').each(function() {
                 const modelName = $(this).data('model-name');
                 config.openai_models[modelName] = {
                     id: $(this).find('.model-id').val(),
-                    chunk_per_edit: parseInt($(this).find('.chunk-per-edit').val()) || 10
+                    chunk_per_edit: parseInt($(this).find('.chunk-per-edit').val()) || 10,
+                    custom_trigger: $(this).find('.custom-trigger').val() || ''
                 };
             });
 
@@ -491,8 +608,15 @@
                 type: 'POST',
                 contentType: 'application/json',
                 data: JSON.stringify(config),
-                success: function() {
-                    alert('配置已保存');
+                success: function(response) {
+                    if (response.status === 'password_changed') {
+                        alert('密码已更改,请使用新密码重新登录');
+                        window.location.href = '/logout';  // 重定向到登出页面
+                    } else {
+                        // 显示保存成功的提示
+                        const toast = new bootstrap.Toast($('#saveToast'));
+                        toast.show();
+                    }
                 },
                 error: function() {
                     alert('保存失败');
@@ -583,6 +707,13 @@
                                     <label>每次编辑的块数</label>
                                 </div>
                             </div>
+                            <div class="col-md-12">
+                                <div class="form-floating">
+                                    <input type="text" class="form-control custom-trigger" value="${modelConfig.custom_trigger || ''}" placeholder="自定义触发指令">
+                                    <label>自定义触发指令（例如：.cl）</label>
+                                    <div class="form-text">留空表示不使用自定义触发指令</div>
+                                </div>
+                            </div>
                         </div>
                     </div>
                 </div>
@@ -612,6 +743,7 @@
             const modelName = $('#new_model_name').val();
             const modelId = $('#new_model_id').val();
             const chunkPerEdit = $('#new_model_chunk_per_edit').val();
+            const customTrigger = $('#new_model_custom_trigger').val();
 
             if (!modelName || !modelId) {
                 alert('模型名称和ID不能为空');
@@ -620,7 +752,8 @@
 
             const modelConfig = {
                 id: modelId,
-                chunk_per_edit: parseInt(chunkPerEdit) || 10
+                chunk_per_edit: parseInt(chunkPerEdit) || 10,
+                custom_trigger: customTrigger || ''
             };
 
             addModelToUI(modelName, modelConfig);
@@ -630,6 +763,7 @@
             $('#new_model_name').val('');
             $('#new_model_id').val('');
             $('#new_model_chunk_per_edit').val('10');
+            $('#new_model_custom_trigger').val('');
         });
 
         // 删除模型
@@ -646,6 +780,94 @@
             $('#addChannelModal').modal('show');
         });
 
+        // 添加Gemini模型按钮点击事件
+        $('#addGeminiModelBtn').click(function() {
+            $('#addGeminiModelModal').modal('show');
+        });
+
+        // 确认添加Gemini模型
+        $('#confirmAddGeminiModelBtn').click(function() {
+            const modelName = $('#new_gemini_model_name').val();
+            const modelDescription = $('#new_gemini_model_description').val();
+
+            if (!modelName) {
+                alert('模型名称不能为空');
+                return;
+            }
+
+            const modelConfig = {
+                name: modelName,
+                description: modelDescription
+            };
+
+            addGeminiModelToUI(modelConfig);
+            $('#addGeminiModelModal').modal('hide');
+            
+            // 清空表单
+            $('#new_gemini_model_name').val('');
+            $('#new_gemini_model_description').val('');
+        });
+
+        // 添加Gemini模型到UI
+        function addGeminiModelToUI(modelConfig) {
+            const modelHtml = `
+                <div class="card mb-3 gemini-model-card" data-model-name="${modelConfig.name}">
+                    <div class="card-header bg-light d-flex justify-content-between align-items-center">
+                        <h6 class="mb-0">${modelConfig.name}</h6>
+                        <div class="btn-group">
+                            <button type="button" class="btn btn-sm btn-success set-as-chat-model-btn" title="设为聊天模型">
+                                <i class="bi bi-chat"></i>
+                            </button>
+                            <button type="button" class="btn btn-sm btn-info set-as-translate-model-btn" title="设为翻译模型">
+                                <i class="bi bi-translate"></i>
+                            </button>
+                            <button type="button" class="btn btn-sm btn-danger delete-gemini-model-btn">
+                                <i class="bi bi-trash"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <div class="row g-3">
+                            <div class="col-md-12">
+                                <div class="form-floating">
+                                    <input type="text" class="form-control model-name" value="${modelConfig.name}" readonly>
+                                    <label>模型名称</label>
+                                </div>
+                            </div>
+                            <div class="col-md-12">
+                                <div class="form-floating">
+                                    <input type="text" class="form-control model-description" value="${modelConfig.description || ''}" placeholder="模型描述">
+                                    <label>模型描述</label>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            `;
+            $('#gemini_models_container').append(modelHtml);
+        }
+
+        // 删除Gemini模型
+        $(document).on('click', '.delete-gemini-model-btn', function() {
+            if (confirm('确定要删除此模型吗？')) {
+                $(this).closest('.gemini-model-card').remove();
+            }
+        });
+
+        // 设置为聊天模型
+        $(document).on('click', '.set-as-chat-model-btn', function() {
+            const modelName = $(this).closest('.gemini-model-card').data('model-name');
+            $('#gemini_chat_model').val(modelName);
+            alert(`已将 ${modelName} 设置为聊天模型`);
+        });
+        
+        // 设置为翻译模型
+        $(document).on('click', '.set-as-translate-model-btn', function() {
+            const modelName = $(this).closest('.gemini-model-card').data('model-name');
+            $('#gemini_translate_model').val(modelName);
+            alert(`已将 ${modelName} 设置为翻译模型`);
+        });
+
         // 页面加载完成后执行
         $(document).ready(function() {
             loadConfig();

templates/index.html

@@ -1,49 +1,49 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Discord 机器人管理</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-</head>
-<body>
-    <div class="container">
-        <header class="py-4 text-center">
-            <h1 class="display-4 fw-bold text-primary">Discord 机器人管理</h1>
-            <p class="lead">管理您的机器人配置和预设</p>
-        </header>
-
-        <div class="row g-4 py-4">
-            <div class="col-md-6">
-                <div class="card h-100 shadow hover-card">
-                    <div class="card-body text-center p-5">
-                        <i class="bi bi-gear-fill text-primary mb-3" style="font-size: 3rem;"></i>
-                        <h2 class="card-title mb-3">配置设置</h2>
-                        <p class="card-text">管理机器人的配置，包括令牌、频道ID、API密钥等。</p>
-                        <a href="/config" class="btn btn-primary btn-lg mt-3">管理配置</a>
-                    </div>
-                </div>
-            </div>
-            <div class="col-md-6">
-                <div class="card h-100 shadow hover-card">
-                    <div class="card-body text-center p-5">
-                        <i class="bi bi-braces-asterisk text-primary mb-3" style="font-size: 3rem;"></i>
-                        <h2 class="card-title mb-3">预设管理</h2>
-                        <p class="card-text">创建、编辑和删除机器人预设，自定义机器人行为和设置。</p>
-                        <a href="/presets" class="btn btn-primary btn-lg mt-3">管理预设</a>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <footer class="py-4 text-center text-muted">
-            <p>© 2024 Discord 机器人管理</p>
-        </footer>
-    </div>
-
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
-</body>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Discord 机器人管理</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+</head>
+<body>
+    <div class="container">
+        <header class="py-4 text-center">
+            <h1 class="display-4 fw-bold text-primary">Discord 机器人管理</h1>
+            <p class="lead">管理您的机器人配置和预设</p>
+        </header>
+
+        <div class="row g-4 py-4">
+            <div class="col-md-6">
+                <div class="card h-100 shadow hover-card">
+                    <div class="card-body text-center p-5">
+                        <i class="bi bi-gear-fill text-primary mb-3" style="font-size: 3rem;"></i>
+                        <h2 class="card-title mb-3">配置设置</h2>
+                        <p class="card-text">管理机器人的配置，包括令牌、频道ID、API密钥等。</p>
+                        <a href="/config" class="btn btn-primary btn-lg mt-3">管理配置</a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <div class="card h-100 shadow hover-card">
+                    <div class="card-body text-center p-5">
+                        <i class="bi bi-braces-asterisk text-primary mb-3" style="font-size: 3rem;"></i>
+                        <h2 class="card-title mb-3">预设管理</h2>
+                        <p class="card-text">创建、编辑和删除机器人预设，自定义机器人行为和设置。</p>
+                        <a href="/presets" class="btn btn-primary btn-lg mt-3">管理预设</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <footer class="py-4 text-center text-muted">
+            <p>© 2024 Discord 机器人管理</p>
+        </footer>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+</body>
 </html> 

templates/login.html

@@ -0,0 +1,310 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>登录 - Discord 机器人管理</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            min-height: 100vh;
+            background: linear-gradient(45deg, #1a1a1a, #2d2d2d);
+            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: hidden;
+            position: relative;
+        }
+
+        .particles {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            z-index: 0;
+        }
+
+        .login-container {
+            position: relative;
+            z-index: 1;
+            width: 100%;
+            max-width: 420px;
+            margin: 20px;
+            perspective: 1000px;
+        }
+
+        .card {
+            background: rgba(255, 255, 255, 0.1);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 20px;
+            padding: 2rem;
+            transform-style: preserve-3d;
+            transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
+        }
+
+        .card:hover {
+            transform: translateY(-5px) rotateX(5deg);
+        }
+
+        .card-header {
+            background: transparent;
+            border: none;
+            padding: 0 0 2rem 0;
+            text-align: center;
+        }
+
+        .card-title {
+            color: #fff;
+            font-size: 2rem;
+            font-weight: 600;
+            margin: 0;
+            text-shadow: 0 0 10px rgba(0, 157, 255, 0.5);
+        }
+
+        .form-label {
+            color: rgba(255, 255, 255, 0.8);
+            font-size: 0.9rem;
+            margin-bottom: 0.5rem;
+        }
+
+        .form-control {
+            background: rgba(255, 255, 255, 0.05);
+            border: 1px solid rgba(255, 255, 255, 0.1);
+            border-radius: 12px;
+            color: #fff;
+            padding: 0.8rem 1rem;
+            transition: all 0.3s ease;
+        }
+
+        .form-control:focus {
+            background: rgba(255, 255, 255, 0.1);
+            border-color: rgba(0, 157, 255, 0.5);
+            box-shadow: 0 0 0 2px rgba(0, 157, 255, 0.2);
+        }
+
+        .btn-login {
+            background: linear-gradient(45deg, #00c6ff, #0072ff);
+            border: none;
+            border-radius: 12px;
+            color: #fff;
+            font-weight: 600;
+            padding: 0.8rem;
+            position: relative;
+            overflow: hidden;
+            transition: all 0.3s ease;
+        }
+
+        .btn-login:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 15px rgba(0, 157, 255, 0.4);
+        }
+
+        .btn-login:before {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: -100%;
+            width: 100%;
+            height: 100%;
+            background: linear-gradient(
+                120deg,
+                transparent,
+                rgba(255, 255, 255, 0.2),
+                transparent
+            );
+            transition: 0.5s;
+        }
+
+        .btn-login:hover:before {
+            left: 100%;
+        }
+
+        .error-message {
+            background: rgba(255, 0, 0, 0.1);
+            border-left: 4px solid #ff0000;
+            color: #fff;
+            margin-top: 1rem;
+            padding: 0.8rem;
+            border-radius: 8px;
+            display: none;
+        }
+
+        @keyframes float {
+            0% { transform: translateY(0px); }
+            50% { transform: translateY(-20px); }
+            100% { transform: translateY(0px); }
+        }
+
+        .floating-icon {
+            position: absolute;
+            opacity: 0.1;
+            animation: float 6s ease-in-out infinite;
+        }
+
+        .icon-1 { top: 10%; left: 10%; font-size: 4rem; animation-delay: 0s; }
+        .icon-2 { top: 60%; right: 10%; font-size: 3rem; animation-delay: -2s; }
+        .icon-3 { bottom: 10%; left: 20%; font-size: 2.5rem; animation-delay: -4s; }
+    </style>
+</head>
+<body>
+    <div class="particles" id="particles-js"></div>
+    
+    <i class="bi bi-discord floating-icon icon-1"></i>
+    <i class="bi bi-robot floating-icon icon-2"></i>
+    <i class="bi bi-cpu floating-icon icon-3"></i>
+
+    <div class="login-container">
+        <div class="card">
+            <div class="card-header">
+                <h4 class="card-title">Discord 机器人管理</h4>
+            </div>
+            <form id="loginForm">
+                <div class="mb-4">
+                    <label for="password" class="form-label">输入密码</label>
+                    <div class="input-group">
+                        <input type="password" class="form-control" id="password" required 
+                               placeholder="请输入访问密码">
+                        <button class="btn btn-outline-light" type="button" id="togglePassword">
+                            <i class="bi bi-eye"></i>
+                        </button>
+                    </div>
+                </div>
+                <div class="d-grid">
+                    <button type="submit" class="btn btn-login">
+                        <i class="bi bi-box-arrow-in-right me-2"></i>登录
+                    </button>
+                </div>
+                <div class="error-message" id="errorMessage">
+                    <i class="bi bi-exclamation-triangle me-2"></i>
+                    <span>密码错误，请重试</span>
+                </div>
+            </form>
+        </div>
+    </div>
+
+    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+    <script>
+        $(document).ready(function() {
+            // 初始化粒子效果
+            particlesJS('particles-js', {
+                particles: {
+                    number: { value: 80, density: { enable: true, value_area: 800 } },
+                    color: { value: '#ffffff' },
+                    shape: { type: 'circle' },
+                    opacity: { value: 0.5, random: true },
+                    size: { value: 3, random: true },
+                    line_linked: {
+                        enable: true,
+                        distance: 150,
+                        color: '#ffffff',
+                        opacity: 0.2,
+                        width: 1
+                    },
+                    move: {
+                        enable: true,
+                        speed: 2,
+                        direction: 'none',
+                        random: true,
+                        straight: false,
+                        out_mode: 'out',
+                        bounce: false,
+                    }
+                },
+                interactivity: {
+                    detect_on: 'canvas',
+                    events: {
+                        onhover: { enable: true, mode: 'repulse' },
+                        onclick: { enable: true, mode: 'push' },
+                        resize: true
+                    }
+                },
+                retina_detect: true
+            });
+
+            // 切换密码可见性
+            $('#togglePassword').on('click', function() {
+                const passwordInput = $('#password');
+                const icon = $(this).find('i');
+                
+                if (passwordInput.attr('type') === 'password') {
+                    passwordInput.attr('type', 'text');
+                    icon.removeClass('bi-eye').addClass('bi-eye-slash');
+                } else {
+                    passwordInput.attr('type', 'password');
+                    icon.removeClass('bi-eye-slash').addClass('bi-eye');
+                }
+            });
+
+            // 表单提交处理
+            $('#loginForm').on('submit', function(e) {
+                e.preventDefault();
+                const password = $('#password').val();
+                const errorMessage = $('#errorMessage');
+                const submitBtn = $('.btn-login');
+                
+                // 添加加载状态
+                submitBtn.prop('disabled', true)
+                    .html('<span class="spinner-border spinner-border-sm me-2"></span>登录中...');
+                
+                $.ajax({
+                    url: '/api/login',
+                    type: 'POST',
+                    contentType: 'application/json',
+                    data: JSON.stringify({ password: password }),
+                    success: function(response) {
+                        if (response.status === 'success') {
+                            // 添加成功动画
+                            submitBtn.html('<i class="bi bi-check-lg me-2"></i>登录成功')
+                                .removeClass('btn-login')
+                                .addClass('btn-success');
+                            
+                            setTimeout(() => {
+                                window.location.href = '/';
+                            }, 1000);
+                        } else {
+                            errorMessage.slideDown();
+                            submitBtn.prop('disabled', false)
+                                .html('<i class="bi bi-box-arrow-in-right me-2"></i>登录');
+                            
+                            // 添加抖动效果
+                            $('.card').addClass('shake');
+                            setTimeout(() => {
+                                $('.card').removeClass('shake');
+                            }, 500);
+                        }
+                    },
+                    error: function() {
+                        errorMessage.find('span').text('登录失败，请重试');
+                        errorMessage.slideDown();
+                        submitBtn.prop('disabled', false)
+                            .html('<i class="bi bi-box-arrow-in-right me-2"></i>登录');
+                    }
+                });
+            });
+
+            // 输入框获得焦点时隐藏错误信息
+            $('#password').on('focus', function() {
+                $('#errorMessage').slideUp();
+            });
+        });
+
+        // 添加3D视差效果
+        document.addEventListener('mousemove', function(e) {
+            const card = document.querySelector('.card');
+            const xAxis = (window.innerWidth / 2 - e.pageX) / 25;
+            const yAxis = (window.innerHeight / 2 - e.pageY) / 25;
+            card.style.transform = `rotateY(${xAxis}deg) rotateX(${yAxis}deg)`;
+        });
+    </script>
+</body>
+</html> 

templates/presets.html

@@ -1,369 +1,369 @@
-<!DOCTYPE html>
-<html lang="zh-CN">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>预设管理 - Discord 机器人管理</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.css">
-</head>
-<body>
-    <div class="container">
-        <nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
-            <div class="container-fluid">
-                <a class="navbar-brand" href="/">Discord 机器人管理</a>
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-                <div class="collapse navbar-collapse" id="navbarNav">
-                    <ul class="navbar-nav">
-                        <li class="nav-item">
-                            <a class="nav-link" href="/">首页</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="/config">配置设置</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link active" href="/presets">预设管理</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </nav>
-
-        <div class="row">
-            <!-- 预设列表 -->
-            <div class="col-md-4 mb-4">
-                <div class="card shadow h-100">
-                    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
-                        <h5 class="mb-0">预设列表</h5>
-                        <button class="btn btn-sm btn-light" id="addNewPresetBtn">
-                            <i class="bi bi-plus-lg"></i> 新增
-                        </button>
-                    </div>
-                    <div class="card-body">
-                        <div class="list-group" id="presetsListGroup">
-                            {% for preset in presets %}
-                            <button type="button" class="list-group-item list-group-item-action preset-item" data-preset="{{ preset }}">
-                                <div class="d-flex align-items-center">
-                                    <div class="preset-avatar me-3">
-                                        <img src="/static/img/default-avatar.png" alt="{{ preset }}" class="rounded-circle" width="40" height="40" id="avatar-{{ preset }}">
-                                    </div>
-                                    <div>
-                                        <h6 class="mb-0">{{ preset }}</h6>
-                                    </div>
-                                </div>
-                            </button>
-                            {% endfor %}
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <!-- 预设编辑区 -->
-            <div class="col-md-8 mb-4">
-                <div class="card shadow h-100">
-                    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
-                        <h5 class="mb-0" id="presetNameHeader">请选择预设</h5>
-                        <div>
-                            <button class="btn btn-sm btn-danger me-2" id="deletePresetBtn" style="display: none;">
-                                <i class="bi bi-trash"></i> 删除
-                            </button>
-                            <button class="btn btn-sm btn-success" id="savePresetBtn" style="display: none;">
-                                <i class="bi bi-save"></i> 保存
-                            </button>
-                        </div>
-                    </div>
-                    <div class="card-body">
-                        <div id="presetEditorContainer" style="display: none;">
-                            <div class="row mb-4">
-                                <div class="col-md-3 text-center">
-                                    <div class="position-relative mb-3" style="width: 150px; height: 150px; margin: 0 auto;">
-                                        <img src="/static/img/default-avatar.png" alt="预设头像" class="img-fluid rounded-circle" id="presetAvatar" style="width: 150px; height: 150px; object-fit: cover;">
-                                        <button class="btn btn-sm btn-primary position-absolute bottom-0 end-0" id="changeAvatarBtn">
-                                            <i class="bi bi-camera"></i>
-                                        </button>
-                                    </div>
-                                    <input type="file" id="avatarFileInput" accept="image/*" style="display: none;">
-                                </div>
-                                <div class="col-md-9">
-                                    <ul class="nav nav-tabs" id="presetTabs" role="tablist">
-                                        <li class="nav-item" role="presentation">
-                                            <button class="nav-link active" id="chat-tab" data-bs-toggle="tab" data-bs-target="#chat-tab-pane" type="button" role="tab">聊天设置</button>
-                                        </li>
-                                        <li class="nav-item" role="presentation">
-                                            <button class="nav-link" id="translate-tab" data-bs-toggle="tab" data-bs-target="#translate-tab-pane" type="button" role="tab">翻译设置</button>
-                                        </li>
-                                        <li class="nav-item" role="presentation">
-                                            <button class="nav-link" id="attachment-tab" data-bs-toggle="tab" data-bs-target="#attachment-tab-pane" type="button" role="tab">附件设置</button>
-                                        </li>
-                                        <li class="nav-item" role="presentation">
-                                            <button class="nav-link" id="reference-tab" data-bs-toggle="tab" data-bs-target="#reference-tab-pane" type="button" role="tab">引用设置</button>
-                                        </li>
-                                        <li class="nav-item" role="presentation">
-                                            <button class="nav-link" id="model-tab" data-bs-toggle="tab" data-bs-target="#model-tab-pane" type="button" role="tab">模型设置</button>
-                                        </li>
-                                    </ul>
-                                    <div class="tab-content p-3 border border-top-0 rounded-bottom" id="presetTabContent">
-                                        <!-- 聊天设置 -->
-                                        <div class="tab-pane fade show active" id="chat-tab-pane" role="tabpanel" aria-labelledby="chat-tab">
-                                            <form id="chatPresetForm">
-                                                <div class="mb-3">
-                                                    <label for="chat_system_prompt" class="form-label">系统提示词</label>
-                                                    <textarea class="form-control" id="chat_system_prompt" rows="2"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="chat_first_user_message" class="form-label">第一条用户消息</label>
-                                                    <input type="text" class="form-control" id="chat_first_user_message">
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="chat_main_content" class="form-label">主要内容</label>
-                                                    <textarea class="form-control" id="chat_main_content" rows="10"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="chat_last_user_message" class="form-label">最后一条用户消息</label>
-                                                    <input type="text" class="form-control" id="chat_last_user_message">
-                                                </div>
-                                            </form>
-                                        </div>
-                                        
-                                        <!-- 翻译设置 -->
-                                        <div class="tab-pane fade" id="translate-tab-pane" role="tabpanel" aria-labelledby="translate-tab">
-                                            <form id="translatePresetForm">
-                                                <div class="mb-3">
-                                                    <label for="translate_system_prompt" class="form-label">系统提示词</label>
-                                                    <textarea class="form-control" id="translate_system_prompt" rows="2"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="translate_first_user_message" class="form-label">第一条用户消息</label>
-                                                    <input type="text" class="form-control" id="translate_first_user_message">
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="translate_main_content" class="form-label">主要内容</label>
-                                                    <textarea class="form-control" id="translate_main_content" rows="10"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="translate_last_user_message" class="form-label">最后一条用户消息</label>
-                                                    <input type="text" class="form-control" id="translate_last_user_message">
-                                                </div>
-                                            </form>
-                                        </div>
-                                        
-                                        <!-- 附件设置 -->
-                                        <div class="tab-pane fade" id="attachment-tab-pane" role="tabpanel" aria-labelledby="attachment-tab">
-                                            <form id="attachmentPresetForm">
-                                                <div class="mb-3">
-                                                    <label for="attachment_system_prompt" class="form-label">系统提示词</label>
-                                                    <textarea class="form-control" id="attachment_system_prompt" rows="2"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="attachment_first_user_message" class="form-label">第一条用户消息</label>
-                                                    <input type="text" class="form-control" id="attachment_first_user_message">
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="attachment_main_content" class="form-label">主要内容</label>
-                                                    <textarea class="form-control" id="attachment_main_content" rows="10"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="attachment_last_user_message" class="form-label">最后一条用户消息</label>
-                                                    <input type="text" class="form-control" id="attachment_last_user_message">
-                                                </div>
-                                            </form>
-                                        </div>
-                                        
-                                        <!-- 引用设置 -->
-                                        <div class="tab-pane fade" id="reference-tab-pane" role="tabpanel" aria-labelledby="reference-tab">
-                                            <form id="referencePresetForm">
-                                                <div class="mb-3">
-                                                    <label for="reference_system_prompt" class="form-label">系统提示词</label>
-                                                    <textarea class="form-control" id="reference_system_prompt" rows="2"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="reference_first_user_message" class="form-label">第一条用户消息</label>
-                                                    <input type="text" class="form-control" id="reference_first_user_message">
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="reference_main_content" class="form-label">主要内容</label>
-                                                    <textarea class="form-control" id="reference_main_content" rows="10"></textarea>
-                                                </div>
-                                                <div class="mb-3">
-                                                    <label for="reference_last_user_message" class="form-label">最后一条用户消息</label>
-                                                    <input type="text" class="form-control" id="reference_last_user_message">
-                                                </div>
-                                            </form>
-                                        </div>
-                                        
-                                        <!-- 模型设置 -->
-                                        <div class="tab-pane fade" id="model-tab-pane" role="tabpanel" aria-labelledby="model-tab">
-                                            <ul class="nav nav-pills mb-3" id="modelSettingsTabs" role="tablist">
-                                                <li class="nav-item" role="presentation">
-                                                    <button class="nav-link active" id="gemini-config-tab" data-bs-toggle="pill" data-bs-target="#gemini-config-pane" type="button" role="tab">Gemini 设置</button>
-                                                </li>
-                                                <li class="nav-item" role="presentation">
-                                                    <button class="nav-link" id="openai-config-tab" data-bs-toggle="pill" data-bs-target="#openai-config-pane" type="button" role="tab">OpenAI 设置</button>
-                                                </li>
-                                            </ul>
-                                            <div class="tab-content" id="modelSettingsContent">
-                                                <!-- Gemini 配置 -->
-                                                <div class="tab-pane fade show active" id="gemini-config-pane" role="tabpanel" aria-labelledby="gemini-config-tab">
-                                                    <form id="geminiConfigForm">
-                                                        <div class="mb-3">
-                                                            <label for="gemini_system_instruction" class="form-label">系统指令</label>
-                                                            <textarea class="form-control" id="gemini_system_instruction" rows="3"></textarea>
-                                                        </div>
-                                                        <div class="row g-3">
-                                                            <div class="col-md-4">
-                                                                <label for="gemini_top_k" class="form-label">Top K</label>
-                                                                <input type="number" class="form-control" id="gemini_top_k" min="1" max="100">
-                                                            </div>
-                                                            <div class="col-md-4">
-                                                                <label for="gemini_top_p" class="form-label">Top P</label>
-                                                                <input type="number" class="form-control" id="gemini_top_p" min="0" max="1" step="0.01">
-                                                            </div>
-                                                            <div class="col-md-4">
-                                                                <label for="gemini_temperature" class="form-label">温度</label>
-                                                                <input type="number" class="form-control" id="gemini_temperature" min="0" max="2" step="0.01">
-                                                            </div>
-                                                        </div>
-                                                        
-                                                        <div class="mt-4">
-                                                            <label class="form-label">安全设置</label>
-                                                            <div class="table-responsive">
-                                                                <table class="table table-bordered">
-                                                                    <thead>
-                                                                        <tr>
-                                                                            <th>类别</th>
-                                                                            <th>阈值</th>
-                                                                        </tr>
-                                                                    </thead>
-                                                                    <tbody id="safetySettingsTable">
-                                                                        <!-- 安全设置会动态添加 -->
-                                                                    </tbody>
-                                                                </table>
-                                                            </div>
-                                                        </div>
-                                                    </form>
-                                                </div>
-                                                
-                                                <!-- OpenAI 配置 -->
-                                                <div class="tab-pane fade" id="openai-config-pane" role="tabpanel" aria-labelledby="openai-config-tab">
-                                                    <form id="openaiConfigForm">
-                                                        <!-- OpenAI 配置表单 -->
-                                                        <div class="alert alert-info">
-                                                            此处可以添加 OpenAI 特定的配置设置
-                                                        </div>
-                                                    </form>
-                                                </div>
-                                            </div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div id="presetPlaceholder" class="text-center py-5">
-                            <i class="bi bi-arrow-left-circle" style="font-size: 3rem; color: #ccc;"></i>
-                            <h5 class="mt-3 text-muted">请从左侧列表选择一个预设</h5>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 新预设模态框 -->
-        <div class="modal fade" id="newPresetModal" tabindex="-1" aria-hidden="true">
-            <div class="modal-dialog">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title">创建新预设</h5>
-                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                    </div>
-                    <div class="modal-body">
-                        <div class="mb-3">
-                            <label for="newPresetName" class="form-label">预设名称</label>
-                            <input type="text" class="form-control" id="newPresetName" placeholder="输入预设名称">
-                        </div>
-                        <div class="mb-3">
-                            <label for="templatePreset" class="form-label">基于模板</label>
-                            <select class="form-select" id="templatePreset">
-                                {% for preset in presets %}
-                                <option value="{{ preset }}">{{ preset }}</option>
-                                {% endfor %}
-                            </select>
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
-                        <button type="button" class="btn btn-primary" id="createPresetBtn">创建</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 删除确认模态框 -->
-        <div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-hidden="true">
-            <div class="modal-dialog">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title">确认删除</h5>
-                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                    </div>
-                    <div class="modal-body">
-                        <p>确定要删除预设 <span id="deletePresetName" class="fw-bold"></span> 吗？此操作不可撤销。</p>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
-                        <button type="button" class="btn btn-danger" id="confirmDeleteBtn">删除</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 图片裁剪模态框 -->
-        <div class="modal fade" id="imageCropperModal" tabindex="-1" aria-hidden="true">
-            <div class="modal-dialog modal-lg">
-                <div class="modal-content">
-                    <div class="modal-header">
-                        <h5 class="modal-title">裁剪头像</h5>
-                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                    </div>
-                    <div class="modal-body">
-                        <div class="img-container">
-                            <img id="cropperImage" src="" alt="待裁剪图片" style="max-width: 100%;">
-                        </div>
-                    </div>
-                    <div class="modal-footer">
-                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
-                        <button type="button" class="btn btn-primary" id="cropImageBtn">裁剪并保存</button>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- 保存成功提示 -->
-        <div class="toast-container position-fixed top-0 end-0 p-3">
-            <div id="saveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
-                <div class="toast-header bg-success text-white">
-                    <i class="bi bi-check-circle me-2"></i>
-                    <strong class="me-auto">成功</strong>
-                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
-                </div>
-                <div class="toast-body" id="toastMessage">
-                    操作成功！
-                </div>
-            </div>
-        </div>
-
-        <footer class="py-4 text-center text-muted">
-            <p>© 2024 Discord 机器人管理</p>
-        </footer>
-    </div>
-
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/jsoneditor@9.10.2/dist/jsoneditor.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.js"></script>
-    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
-    <script src="{{ url_for('static', filename='js/presets.js') }}"></script>
-</body>
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>预设管理 - Discord 机器人管理</title>
+    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.css">
+</head>
+<body>
+    <div class="container">
+        <nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="/">Discord 机器人管理</a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNav">
+                    <ul class="navbar-nav">
+                        <li class="nav-item">
+                            <a class="nav-link" href="/">首页</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="/config">配置设置</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link active" href="/presets">预设管理</a>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        </nav>
+
+        <div class="row">
+            <!-- 预设列表 -->
+            <div class="col-md-4 mb-4">
+                <div class="card shadow h-100">
+                    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
+                        <h5 class="mb-0">预设列表</h5>
+                        <button class="btn btn-sm btn-light" id="addNewPresetBtn">
+                            <i class="bi bi-plus-lg"></i> 新增
+                        </button>
+                    </div>
+                    <div class="card-body">
+                        <div class="list-group" id="presetsListGroup">
+                            {% for preset in presets %}
+                            <button type="button" class="list-group-item list-group-item-action preset-item" data-preset="{{ preset }}">
+                                <div class="d-flex align-items-center">
+                                    <div class="preset-avatar me-3">
+                                        <img src="/static/img/default-avatar.png" alt="{{ preset }}" class="rounded-circle" width="40" height="40" id="avatar-{{ preset }}">
+                                    </div>
+                                    <div>
+                                        <h6 class="mb-0">{{ preset }}</h6>
+                                    </div>
+                                </div>
+                            </button>
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- 预设编辑区 -->
+            <div class="col-md-8 mb-4">
+                <div class="card shadow h-100">
+                    <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
+                        <h5 class="mb-0" id="presetNameHeader">请选择预设</h5>
+                        <div>
+                            <button class="btn btn-sm btn-danger me-2" id="deletePresetBtn" style="display: none;">
+                                <i class="bi bi-trash"></i> 删除
+                            </button>
+                            <button class="btn btn-sm btn-success" id="savePresetBtn" style="display: none;">
+                                <i class="bi bi-save"></i> 保存
+                            </button>
+                        </div>
+                    </div>
+                    <div class="card-body">
+                        <div id="presetEditorContainer" style="display: none;">
+                            <div class="row mb-4">
+                                <div class="col-md-3 text-center">
+                                    <div class="position-relative mb-3" style="width: 150px; height: 150px; margin: 0 auto;">
+                                        <img src="/static/img/default-avatar.png" alt="预设头像" class="img-fluid rounded-circle" id="presetAvatar" style="width: 150px; height: 150px; object-fit: cover;">
+                                        <button class="btn btn-sm btn-primary position-absolute bottom-0 end-0" id="changeAvatarBtn">
+                                            <i class="bi bi-camera"></i>
+                                        </button>
+                                    </div>
+                                    <input type="file" id="avatarFileInput" accept="image/*" style="display: none;">
+                                </div>
+                                <div class="col-md-9">
+                                    <ul class="nav nav-tabs" id="presetTabs" role="tablist">
+                                        <li class="nav-item" role="presentation">
+                                            <button class="nav-link active" id="chat-tab" data-bs-toggle="tab" data-bs-target="#chat-tab-pane" type="button" role="tab">聊天设置</button>
+                                        </li>
+                                        <li class="nav-item" role="presentation">
+                                            <button class="nav-link" id="translate-tab" data-bs-toggle="tab" data-bs-target="#translate-tab-pane" type="button" role="tab">翻译设置</button>
+                                        </li>
+                                        <li class="nav-item" role="presentation">
+                                            <button class="nav-link" id="attachment-tab" data-bs-toggle="tab" data-bs-target="#attachment-tab-pane" type="button" role="tab">附件设置</button>
+                                        </li>
+                                        <li class="nav-item" role="presentation">
+                                            <button class="nav-link" id="reference-tab" data-bs-toggle="tab" data-bs-target="#reference-tab-pane" type="button" role="tab">引用设置</button>
+                                        </li>
+                                        <li class="nav-item" role="presentation">
+                                            <button class="nav-link" id="model-tab" data-bs-toggle="tab" data-bs-target="#model-tab-pane" type="button" role="tab">模型设置</button>
+                                        </li>
+                                    </ul>
+                                    <div class="tab-content p-3 border border-top-0 rounded-bottom" id="presetTabContent">
+                                        <!-- 聊天设置 -->
+                                        <div class="tab-pane fade show active" id="chat-tab-pane" role="tabpanel" aria-labelledby="chat-tab">
+                                            <form id="chatPresetForm">
+                                                <div class="mb-3">
+                                                    <label for="chat_system_prompt" class="form-label">系统提示词</label>
+                                                    <textarea class="form-control" id="chat_system_prompt" rows="2"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="chat_first_user_message" class="form-label">第一条用户消息</label>
+                                                    <input type="text" class="form-control" id="chat_first_user_message">
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="chat_main_content" class="form-label">主要内容</label>
+                                                    <textarea class="form-control" id="chat_main_content" rows="10"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="chat_last_user_message" class="form-label">最后一条用户消息</label>
+                                                    <input type="text" class="form-control" id="chat_last_user_message">
+                                                </div>
+                                            </form>
+                                        </div>
+                                        
+                                        <!-- 翻译设置 -->
+                                        <div class="tab-pane fade" id="translate-tab-pane" role="tabpanel" aria-labelledby="translate-tab">
+                                            <form id="translatePresetForm">
+                                                <div class="mb-3">
+                                                    <label for="translate_system_prompt" class="form-label">系统提示词</label>
+                                                    <textarea class="form-control" id="translate_system_prompt" rows="2"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="translate_first_user_message" class="form-label">第一条用户消息</label>
+                                                    <input type="text" class="form-control" id="translate_first_user_message">
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="translate_main_content" class="form-label">主要内容</label>
+                                                    <textarea class="form-control" id="translate_main_content" rows="10"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="translate_last_user_message" class="form-label">最后一条用户消息</label>
+                                                    <input type="text" class="form-control" id="translate_last_user_message">
+                                                </div>
+                                            </form>
+                                        </div>
+                                        
+                                        <!-- 附件设置 -->
+                                        <div class="tab-pane fade" id="attachment-tab-pane" role="tabpanel" aria-labelledby="attachment-tab">
+                                            <form id="attachmentPresetForm">
+                                                <div class="mb-3">
+                                                    <label for="attachment_system_prompt" class="form-label">系统提示词</label>
+                                                    <textarea class="form-control" id="attachment_system_prompt" rows="2"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="attachment_first_user_message" class="form-label">第一条用户消息</label>
+                                                    <input type="text" class="form-control" id="attachment_first_user_message">
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="attachment_main_content" class="form-label">主要内容</label>
+                                                    <textarea class="form-control" id="attachment_main_content" rows="10"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="attachment_last_user_message" class="form-label">最后一条用户消息</label>
+                                                    <input type="text" class="form-control" id="attachment_last_user_message">
+                                                </div>
+                                            </form>
+                                        </div>
+                                        
+                                        <!-- 引用设置 -->
+                                        <div class="tab-pane fade" id="reference-tab-pane" role="tabpanel" aria-labelledby="reference-tab">
+                                            <form id="referencePresetForm">
+                                                <div class="mb-3">
+                                                    <label for="reference_system_prompt" class="form-label">系统提示词</label>
+                                                    <textarea class="form-control" id="reference_system_prompt" rows="2"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="reference_first_user_message" class="form-label">第一条用户消息</label>
+                                                    <input type="text" class="form-control" id="reference_first_user_message">
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="reference_main_content" class="form-label">主要内容</label>
+                                                    <textarea class="form-control" id="reference_main_content" rows="10"></textarea>
+                                                </div>
+                                                <div class="mb-3">
+                                                    <label for="reference_last_user_message" class="form-label">最后一条用户消息</label>
+                                                    <input type="text" class="form-control" id="reference_last_user_message">
+                                                </div>
+                                            </form>
+                                        </div>
+                                        
+                                        <!-- 模型设置 -->
+                                        <div class="tab-pane fade" id="model-tab-pane" role="tabpanel" aria-labelledby="model-tab">
+                                            <ul class="nav nav-pills mb-3" id="modelSettingsTabs" role="tablist">
+                                                <li class="nav-item" role="presentation">
+                                                    <button class="nav-link active" id="gemini-config-tab" data-bs-toggle="pill" data-bs-target="#gemini-config-pane" type="button" role="tab">Gemini 设置</button>
+                                                </li>
+                                                <li class="nav-item" role="presentation">
+                                                    <button class="nav-link" id="openai-config-tab" data-bs-toggle="pill" data-bs-target="#openai-config-pane" type="button" role="tab">OpenAI 设置</button>
+                                                </li>
+                                            </ul>
+                                            <div class="tab-content" id="modelSettingsContent">
+                                                <!-- Gemini 配置 -->
+                                                <div class="tab-pane fade show active" id="gemini-config-pane" role="tabpanel" aria-labelledby="gemini-config-tab">
+                                                    <form id="geminiConfigForm">
+                                                        <div class="mb-3">
+                                                            <label for="gemini_system_instruction" class="form-label">系统指令</label>
+                                                            <textarea class="form-control" id="gemini_system_instruction" rows="3"></textarea>
+                                                        </div>
+                                                        <div class="row g-3">
+                                                            <div class="col-md-4">
+                                                                <label for="gemini_top_k" class="form-label">Top K</label>
+                                                                <input type="number" class="form-control" id="gemini_top_k" min="1" max="100">
+                                                            </div>
+                                                            <div class="col-md-4">
+                                                                <label for="gemini_top_p" class="form-label">Top P</label>
+                                                                <input type="number" class="form-control" id="gemini_top_p" min="0" max="1" step="0.01">
+                                                            </div>
+                                                            <div class="col-md-4">
+                                                                <label for="gemini_temperature" class="form-label">温度</label>
+                                                                <input type="number" class="form-control" id="gemini_temperature" min="0" max="2" step="0.01">
+                                                            </div>
+                                                        </div>
+                                                        
+                                                        <div class="mt-4">
+                                                            <label class="form-label">安全设置</label>
+                                                            <div class="table-responsive">
+                                                                <table class="table table-bordered">
+                                                                    <thead>
+                                                                        <tr>
+                                                                            <th>类别</th>
+                                                                            <th>阈值</th>
+                                                                        </tr>
+                                                                    </thead>
+                                                                    <tbody id="safetySettingsTable">
+                                                                        <!-- 安全设置会动态添加 -->
+                                                                    </tbody>
+                                                                </table>
+                                                            </div>
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                                
+                                                <!-- OpenAI 配置 -->
+                                                <div class="tab-pane fade" id="openai-config-pane" role="tabpanel" aria-labelledby="openai-config-tab">
+                                                    <form id="openaiConfigForm">
+                                                        <!-- OpenAI 配置表单 -->
+                                                        <div class="alert alert-info">
+                                                            此处可以添加 OpenAI 特定的配置设置
+                                                        </div>
+                                                    </form>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div id="presetPlaceholder" class="text-center py-5">
+                            <i class="bi bi-arrow-left-circle" style="font-size: 3rem; color: #ccc;"></i>
+                            <h5 class="mt-3 text-muted">请从左侧列表选择一个预设</h5>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 新预设模态框 -->
+        <div class="modal fade" id="newPresetModal" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">创建新预设</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="mb-3">
+                            <label for="newPresetName" class="form-label">预设名称</label>
+                            <input type="text" class="form-control" id="newPresetName" placeholder="输入预设名称">
+                        </div>
+                        <div class="mb-3">
+                            <label for="templatePreset" class="form-label">基于模板</label>
+                            <select class="form-select" id="templatePreset">
+                                {% for preset in presets %}
+                                <option value="{{ preset }}">{{ preset }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
+                        <button type="button" class="btn btn-primary" id="createPresetBtn">创建</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 删除确认模态框 -->
+        <div class="modal fade" id="deleteConfirmModal" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">确认删除</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <p>确定要删除预设 <span id="deletePresetName" class="fw-bold"></span> 吗？此操作不可撤销。</p>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
+                        <button type="button" class="btn btn-danger" id="confirmDeleteBtn">删除</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 图片裁剪模态框 -->
+        <div class="modal fade" id="imageCropperModal" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog modal-lg">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title">裁剪头像</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="img-container">
+                            <img id="cropperImage" src="" alt="待裁剪图片" style="max-width: 100%;">
+                        </div>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
+                        <button type="button" class="btn btn-primary" id="cropImageBtn">裁剪并保存</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 保存成功提示 -->
+        <div class="toast-container position-fixed top-0 end-0 p-3">
+            <div id="saveToast" class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+                <div class="toast-header bg-success text-white">
+                    <i class="bi bi-check-circle me-2"></i>
+                    <strong class="me-auto">成功</strong>
+                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="toast" aria-label="Close"></button>
+                </div>
+                <div class="toast-body" id="toastMessage">
+                    操作成功！
+                </div>
+            </div>
+        </div>
+
+        <footer class="py-4 text-center text-muted">
+            <p>© 2024 Discord 机器人管理</p>
+        </footer>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/jsoneditor@9.10.2/dist/jsoneditor.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/cropperjs@1.6.1/dist/cropper.min.js"></script>
+    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
+    <script src="{{ url_for('static', filename='js/presets.js') }}"></script>
+</body>
 </html>