✨ Add video rendering for the chat page, name searching when batching add models, and optimize the display effect of the final answer

Author: WMC001

backend/prompts/managed_system_prompt_template.yaml

@@ -70,13 +70,25 @@ system_prompt: |-
   在思考结束后，当你认为可以回答用户问题，那么可以不生成代码，直接生成最终回答给到用户并停止循环。
   
   生成最终回答时，你需要遵循以下规范：
-  1. 使用Markdown格式格式化你的输出。
-  2. 若使用了检索工具获取到具体信息并基于这些信息回答问题，则需在回答的对应位置添加引用标记：
-    - 引用标记的字母和数字需要与检索工具的检索结果一一对应
-    - 引用标记格式为'[[对应字母+数字]]'，例如：'[[a1]][[b2]][[c3]]'
+  1. **Markdown格式要求**：
+    - 使用标准Markdown语法格式化输出，支持标题、列表、表格、代码块、链接等
+    - 展示图片和视频使用链接方式，不需要外套代码块，格式：[链接文本](URL)，图片格式：![alt文本](图片URL)，视频格式：<video src="视频URL" controls></video>
+    - 段落之间使用单个空行分隔，避免多个连续空行
+    - 数学公式使用标准Markdown格式：行内公式用 $公式$，块级公式用 $$公式$$
+  
+  2. **引用标记规范**（仅在使用了检索工具时）：
+    - 引用标记格式必须严格为：`[[字母+数字]]`，例如：`[[a1]]`、`[[b2]]`、`[[c3]]`
+    - 字母部分必须是单个小写字母（a-e），数字部分必须是整数
+    - 引用标记的字母和数字必须与检索工具的检索结果一一对应
     - 引用标记应紧跟在相关信息或句子之后，通常放在句末或段落末尾
-    - 注意仅添加引用标记，不需要添加链接、参考文献等多余内容
-  3. 若未使用检索工具，则不添加任何引用标记
+    - 多个引用标记可以连续使用，例如：`[[a1]][[b2]]`
+    - **重要**：仅添加引用标记，不要添加链接、参考文献列表等多余内容
+    - 如果检索结果中没有匹配的引用，则不显示该引用标记
+  
+  3. **格式细节要求**：
+    - 避免在Markdown中使用HTML标签，优先使用Markdown原生语法
+    - 代码块中的代码应保持原始格式，不要添加额外的转义字符
+    - 若未使用检索工具，则不添加任何引用标记
   
   注意最后生成的回答要语义连贯，信息清晰，可读性高。
      

backend/prompts/managed_system_prompt_template_en.yaml

@@ -70,13 +70,25 @@ system_prompt: |-
   After thinking, when you believe you can answer the user's question, you can generate a final answer directly to the user without generating code and stop the loop.
   
   When generating the final answer, you need to follow these specifications:
-  1. Use Markdown format to format your output.
-  2. If you have used retrieval tools to obtain specific information and answer questions based on this information, you need to add reference marks at the corresponding positions in your answer:
-     - The letters and numbers of the reference marks need to correspond one-to-one with the retrieval results of the retrieval tools
-     - The reference mark format is '[[corresponding letter+number]]', for example: '[[a1]][[b2]][[c3]]'
-     - Reference marks should be placed immediately after the relevant information or sentence, usually at the end of the sentence or paragraph
-     - Note that only reference marks need to be added, no need to add links, references, or other extraneous content
-  3. If no retrieval tools are used, do not add any reference marks
+  1. **Markdown Format Requirements**:
+    - Use standard Markdown syntax to format your output, supporting headings, lists, tables, code blocks, and links.
+    - Display images and videos using links instead of wrapping them in code blocks. Use `[link text](URL)` for links, `![alt text](image URL)` for images, and `<video src="video URL" controls></video>` for videos.
+    - Use a single blank line between paragraphs, avoid multiple consecutive blank lines
+    - Mathematical formulas use standard Markdown format: inline formulas use $formula$, block formulas use $$formula$$
+  
+  2. **Reference Mark Specifications** (only when retrieval tools are used):
+    - Reference mark format must strictly be: `[[letter+number]]`, for example: `[[a1]]`, `[[b2]]`, `[[c3]]`
+    - The letter part must be a single lowercase letter (a-e), the number part must be an integer
+    - The letters and numbers of reference marks must correspond one-to-one with the retrieval results of retrieval tools
+    - Reference marks should be placed immediately after relevant information or sentences, usually at the end of sentences or paragraphs
+    - Multiple reference marks can be used consecutively, for example: `[[a1]][[b2]]`
+    - **Important**: Only add reference marks, do not add links, reference lists, or other extraneous content
+    - If there is no matching reference in the retrieval results, do not display that reference mark
+  
+  3. **Format Detail Requirements**:
+    - Avoid using HTML tags in Markdown, prioritize native Markdown syntax
+    - Code in code blocks should maintain original format, do not add extra escape characters
+    - If no retrieval tools are used, do not add any reference marks
   
   Note that the final generated answer should be semantically coherent, with clear information and high readability.
      

backend/prompts/manager_system_prompt_template.yaml

@@ -72,13 +72,25 @@ system_prompt: |-
   在思考结束后，当你认为可以回答用户问题，那么可以不生成代码，直接生成最终回答给到用户并停止循环。
   
   生成最终回答时，你需要遵循以下规范：
-  1. 使用Markdown格式格式化你的输出。
-  2. 若使用了检索工具获取到具体信息并基于这些信息回答问题，则需在回答的对应位置添加引用标记：
-    - 引用标记的字母和数字需要与检索工具的检索结果一一对应
-    - 引用标记格式为'[[对应字母+数字]]'，例如：'[[a1]][[b2]][[c3]]'
+  1. Markdown格式要求：
+    - 使用标准Markdown语法格式化输出，支持标题、列表、表格、代码块、链接等
+    - 展示图片和视频使用链接方式，不需要外套代码块，格式：[链接文本](URL)，图片格式：![alt文本](图片URL)，视频格式：<video src="视频URL" controls></video>
+    - 段落之间使用单个空行分隔，避免多个连续空行
+    - 数学公式使用标准Markdown格式：行内公式用 $公式$，块级公式用 $$公式$$
+  
+  2. 引用标记规范（仅在使用了检索工具时）：
+    - 引用标记格式必须严格为：`[[字母+数字]]`，例如：`[[a1]]`、`[[b2]]`、`[[c3]]`
+    - 字母部分必须是单个小写字母（a-e），数字部分必须是整数
+    - 引用标记的字母和数字必须与检索工具的检索结果一一对应
     - 引用标记应紧跟在相关信息或句子之后，通常放在句末或段落末尾
-    - 注意仅添加引用标记，不需要添加链接、参考文献等多余内容
-  3. 若未使用检索工具，则不添加任何引用标记
+    - 多个引用标记可以连续使用，例如：`[[a1]][[b2]]`
+    - **重要**：仅添加引用标记，不要添加链接、参考文献列表等多余内容
+    - 如果检索结果中没有匹配的引用，则不显示该引用标记
+  
+  3. 格式细节要求：
+    - 避免在Markdown中使用HTML标签，优先使用Markdown原生语法
+    - 代码块中的代码应保持原始格式，不要添加额外的转义字符
+    - 若未使用检索工具，则不添加任何引用标记
   
   ### 可用资源
   你只能使用以下资源，不得使用任何其他工具或助手：

backend/prompts/manager_system_prompt_template_en.yaml

@@ -72,13 +72,25 @@ system_prompt: |-
   After thinking, when you believe you can answer the user's question, you can generate a final answer directly to the user without generating code and stop the loop.
   
   When generating the final answer, you need to follow these specifications:
-  1. Use Markdown format to format your output.
-  2. If you have used retrieval tools to obtain specific information and answer questions based on this information, you need to add reference marks at the corresponding positions in your answer:
-     - The letters and numbers of the reference marks need to correspond one-to-one with the retrieval results of the retrieval tools
-     - The reference mark format is '[[corresponding letter+number]]', for example: '[[a1]][[b2]][[c3]]'
-     - Reference marks should be placed immediately after the relevant information or sentence, usually at the end of the sentence or paragraph
-     - Note that only reference marks need to be added, no need to add links, references, or other extraneous content
-  3. If no retrieval tools are used, do not add any reference marks   
+  1. **Markdown Format Requirements**:
+    - Use standard Markdown syntax to format your output, supporting headings, lists, tables, code blocks, and links.
+    - Display images and videos using links instead of wrapping them in code blocks. Use `[link text](URL)` for links, `![alt text](image URL)` for images, and `<video src="video URL" controls></video>` for videos.
+    - Use a single blank line between paragraphs, avoid multiple consecutive blank lines
+    - Mathematical formulas use standard Markdown format: inline formulas use $formula$, block formulas use $$formula$$
+  
+  2. **Reference Mark Specifications** (only when retrieval tools are used):
+    - Reference mark format must strictly be: `[[letter+number]]`, for example: `[[a1]]`, `[[b2]]`, `[[c3]]`
+    - The letter part must be a single lowercase letter (a-e), the number part must be an integer
+    - The letters and numbers of reference marks must correspond one-to-one with the retrieval results of retrieval tools
+    - Reference marks should be placed immediately after relevant information or sentences, usually at the end of sentences or paragraphs
+    - Multiple reference marks can be used consecutively, for example: `[[a1]][[b2]]`
+    - **Important**: Only add reference marks, do not add links, reference lists, or other extraneous content
+    - If there is no matching reference in the retrieval results, do not display that reference mark
+  
+  3. **Format Detail Requirements**:
+    - Avoid using HTML tags in Markdown, prioritize native Markdown syntax
+    - Code in code blocks should maintain original format, do not add extra escape characters
+    - If no retrieval tools are used, do not add any reference marks
   
   ### Available Resources
   You can only use the following resources, and may not use any other tools or agents:

frontend/app/[locale]/chat/streaming/taskWindow.tsx

@@ -665,6 +665,7 @@ const messageHandlers: MessageHandler[] = [
           content={message.content}
           className="task-message-content"
           showDiagramToggle={false}
+          enableMultimodal={false}
         />
       </div>
     ),
@@ -759,6 +760,7 @@ const messageHandlers: MessageHandler[] = [
             content={content}
             className="task-message-content"
             showDiagramToggle={false}
+            enableMultimodal={false}
           />
         );
       } else {

frontend/app/[locale]/models/components/model/ModelAddDialog.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import { Modal, Select, Input, Button, Switch, Tooltip, App } from "antd";
@@ -159,6 +159,7 @@ export const ModelAddDialog = ({
   });
 
   const [modelList, setModelList] = useState<any[]>([]);
+  const [modelSearchTerm, setModelSearchTerm] = useState("");
   const [selectedModelIds, setSelectedModelIds] = useState<Set<string>>(
     new Set()
   );
@@ -190,6 +191,24 @@ export const ModelAddDialog = ({
     }
   };
 
+  const filteredModelList = useMemo(() => {
+    const keyword = modelSearchTerm.trim().toLowerCase()
+    if (!keyword) {
+      return modelList
+    }
+    return modelList.filter((model: any) => {
+      const candidates = [
+        model.id,
+        model.model_name,
+        model.model_tag,
+        model.description,
+      ]
+      return candidates.some((text) =>
+        typeof text === "string" && text.toLowerCase().includes(keyword)
+      )
+    })
+  }, [modelList, modelSearchTerm])
+
   // Handle model name change, automatically update the display name
   const handleModelNameChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const name = e.target.value;
@@ -813,7 +832,20 @@ export const ModelAddDialog = ({
               </Button>
             </div>
             {showModelList && (
-              <div className="mt-2 space-y-1 max-h-60 overflow-y-auto">
+              <div className="mt-2 max-h-60 overflow-y-auto">
+                {modelList.length > 0 && (
+                  <div className="sticky top-0 z-10 bg-gray-50 pb-2">
+                    <Input
+                      allowClear
+                      size="small"
+                      placeholder={t("model.dialog.modelList.searchPlaceholder")}
+                      value={modelSearchTerm}
+                      onChange={(event) =>
+                        setModelSearchTerm(event.target.value)
+                      }
+                    />
+                  </div>
+                )}
                 {loadingModelList ? (
                   <div className="flex flex-col items-center justify-center py-4 text-xs text-gray-500">
                     <LoadingOutlined
@@ -827,11 +859,15 @@ export const ModelAddDialog = ({
                     <span>{t("common.loading") || "获取中..."}</span>
                   </div>
                 ) : modelList.length === 0 ? (
+                  <div className="text-xs text-gray-500 text-center space-y-1">
+                    <div>{t("model.dialog.message.noModels")}</div>
+                  </div>
+                ) : filteredModelList.length === 0 ? (
                   <div className="text-xs text-gray-500 text-center">
-                    {t("model.dialog.message.noModels") || "请先获取模型"}
+                    {t("model.dialog.modelList.noResults")}
                   </div>
                 ) : (
-                  modelList.map((model: any) => {
+                  filteredModelList.map((model: any) => {
                     const checked = selectedModelIds.has(model.id);
                     const toggleSelect = (value: boolean) => {
                       setSelectedModelIds((prev) => {