4.8.8 test fix (#2143)

* perf: transcriptions api

* perf: variable picker tip

* perf: variable picker tip

* perf: chat select app

* feat: router to app detail

* perf: variable avoid space

* perf: variable picker

* perf: doc2x icon and params

* perf: sandbox support countToken

* feat: sandbox support delay and countToken

packages/web/components/common/Icon/constants.ts

@@ -29,6 +29,7 @@ export const iconPaths = {
   'common/gitLight': () => import('./icons/common/gitLight.svg'),
   'common/googleFill': () => import('./icons/common/googleFill.svg'),
   'common/importLight': () => import('./icons/common/importLight.svg'),
+  'common/info': () => import('./icons/common/info.svg'),
   'common/inviteLight': () => import('./icons/common/inviteLight.svg'),
   'common/language/en': () => import('./icons/common/language/en.svg'),
   'common/language/zh': () => import('./icons/common/language/zh.svg'),
@@ -97,24 +98,24 @@ export const iconPaths = {
   'core/app/variable/textarea': () => import('./icons/core/app/variable/textarea.svg'),
   'core/chat/QGFill': () => import('./icons/core/chat/QGFill.svg'),
   'core/chat/cancelSpeak': () => import('./icons/core/chat/cancelSpeak.svg'),
-  'core/chat/chevronSelector': () => import('./icons/core/chat/chevronSelector.svg'),
-  'core/chat/sideLine': () => import('./icons/core/chat/sideLine.svg'),
   'core/chat/chatFill': () => import('./icons/core/chat/chatFill.svg'),
   'core/chat/chatLight': () => import('./icons/core/chat/chatLight.svg'),
   'core/chat/chatModelTag': () => import('./icons/core/chat/chatModelTag.svg'),
+  'core/chat/chevronDown': () => import('./icons/core/chat/chevronDown.svg'),
+  'core/chat/chevronSelector': () => import('./icons/core/chat/chevronSelector.svg'),
+  'core/chat/chevronUp': () => import('./icons/core/chat/chevronUp.svg'),
   'core/chat/export/pdf': () => import('./icons/core/chat/export/pdf.svg'),
   'core/chat/feedback/badLight': () => import('./icons/core/chat/feedback/badLight.svg'),
   'core/chat/feedback/goodLight': () => import('./icons/core/chat/feedback/goodLight.svg'),
   'core/chat/fileSelect': () => import('./icons/core/chat/fileSelect.svg'),
   'core/chat/finishSpeak': () => import('./icons/core/chat/finishSpeak.svg'),
   'core/chat/quoteFill': () => import('./icons/core/chat/quoteFill.svg'),
-  'core/chat/chevronDown': () => import('./icons/core/chat/chevronDown.svg'),
-  'core/chat/chevronUp': () => import('./icons/core/chat/chevronUp.svg'),
   'core/chat/quoteSign': () => import('./icons/core/chat/quoteSign.svg'),
   'core/chat/recordFill': () => import('./icons/core/chat/recordFill.svg'),
   'core/chat/sendFill': () => import('./icons/core/chat/sendFill.svg'),
   'core/chat/sendLight': () => import('./icons/core/chat/sendLight.svg'),
   'core/chat/setTopLight': () => import('./icons/core/chat/setTopLight.svg'),
+  'core/chat/sideLine': () => import('./icons/core/chat/sideLine.svg'),
   'core/chat/speaking': () => import('./icons/core/chat/speaking.svg'),
   'core/chat/stopSpeech': () => import('./icons/core/chat/stopSpeech.svg'),
   'core/dataset/commonDataset': () => import('./icons/core/dataset/commonDataset.svg'),
@@ -250,6 +251,7 @@ export const iconPaths = {
   'phoneTabbar/me': () => import('./icons/phoneTabbar/me.svg'),
   'phoneTabbar/tool': () => import('./icons/phoneTabbar/tool.svg'),
   'phoneTabbar/toolFill': () => import('./icons/phoneTabbar/toolFill.svg'),
+  'plugins/doc2x': () => import('./icons/plugins/doc2x.svg'),
   'plugins/textEditor': () => import('./icons/plugins/textEditor.svg'),
   'price/bg': () => import('./icons/price/bg.svg'),
   'price/right': () => import('./icons/price/right.svg'),

packages/web/components/common/Icon/icons/common/info.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 24" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8999 3.51941C8.21617 3.51941 4.41928 7.3163 4.41928 12C4.41928 16.6837 8.21617 20.4806 12.8999 20.4806C17.5836 20.4806 21.3805 16.6837 21.3805 12C21.3805 7.3163 17.5836 3.51941 12.8999 3.51941ZM2.41928 12C2.41928 6.21173 7.1116 1.51941 12.8999 1.51941C18.6881 1.51941 23.3805 6.21173 23.3805 12C23.3805 17.7883 18.6881 22.4806 12.8999 22.4806C7.1116 22.4806 2.41928 17.7883 2.41928 12ZM11.8999 8.20776C11.8999 7.65548 12.3476 7.20776 12.8999 7.20776H12.9094C13.4616 7.20776 13.9094 7.65548 13.9094 8.20776C13.9094 8.76005 13.4616 9.20776 12.9094 9.20776H12.8999C12.3476 9.20776 11.8999 8.76005 11.8999 8.20776ZM12.8999 11C13.4522 11 13.8999 11.4477 13.8999 12V15.7922C13.8999 16.3445 13.4522 16.7922 12.8999 16.7922C12.3476 16.7922 11.8999 16.3445 11.8999 15.7922V12C11.8999 11.4477 12.3476 11 12.8999 11Z" />
+</svg>

packages/web/components/common/Icon/icons/core/chat/chevronSelector.svg

@@ -1,3 +1,3 @@
-<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg  viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M7.28082 5.72828C6.95538 6.05372 6.95538 6.58136 7.28082 6.90679C7.60626 7.23223 8.1339 7.23223 8.45933 6.90679L10.5 4.86615L12.5406 6.90679C12.8661 7.23223 13.3937 7.23223 13.7191 6.90679C14.0446 6.58136 14.0446 6.05372 13.7191 5.72828L11.0892 3.09839C10.7638 2.77295 10.2362 2.77295 9.91072 3.09839L7.28082 5.72828ZM7.28082 13.0893C6.95538 13.4147 6.95538 13.9424 7.28082 14.2678L9.91072 16.8977C9.9514 16.9384 9.99524 16.974 10.0414 17.0045C10.3649 17.2181 10.8045 17.1825 11.0892 16.8977L13.7191 14.2678C14.0446 13.9424 14.0446 13.4147 13.7191 13.0893C13.3937 12.7639 12.8661 12.7639 12.5406 13.0893L10.5 15.1299L8.45933 13.0893C8.1339 12.7639 7.60626 12.7639 7.28082 13.0893Z"/>
 </svg>

packages/web/components/common/Icon/icons/plugins/doc2x.svg

@@ -0,0 +1,6 @@
+<svg  viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="28.6606" y="8.44495" width="6.92163" height="12.0376" rx="3.46082" transform="rotate(45 28.6606 8.44495)" fill="#7748F9"/>
+<rect x="16.957" y="20.1488" width="6.92163" height="12.0376" rx="3.46082" transform="rotate(45 16.957 20.1488)" fill="#7748F9"/>
+<rect x="20.1489" y="25.0432" width="6.92163" height="12.0376" rx="3.46082" transform="rotate(-45 20.1489 25.0432)" fill="#BFABFB"/>
+<rect x="8.44482" y="13.3394" width="6.92163" height="12.0376" rx="3.46082" transform="rotate(-45 8.44482 13.3394)" fill="#BFABFB"/>
+</svg>

packages/web/components/common/Tabs/LightRowTabs.tsx

@@ -52,6 +52,7 @@ const LightRowTabs = <ValueType = string,>({
       fontSize={sizeMap.fontSize}
       overflowX={'auto'}
       userSelect={'none'}
+      display={'inline-grid'}
       {...props}
     >
       {list.map((item) => (

packages/web/components/common/Textarea/PromptEditor/plugins/VariableLabelPickerPlugin/index.tsx

@@ -94,8 +94,7 @@ export default function VariableLabelPickerPlugin({
               <Box
                 bg={'white'}
                 boxShadow={'lg'}
-                borderWidth={'1px'}
-                borderColor={'borderColor.base'}
+                border={'base'}
                 p={2}
                 borderRadius={'md'}
                 position={'absolute'}

packages/web/components/common/Textarea/PromptEditor/plugins/VariableLabelPlugin/components/VariableLabel.tsx

@@ -29,9 +29,9 @@ export default function VariableLabel({
           <span>
             <Avatar
               src={nodeAvatar as any}
-              w={'16px'}
+              w={'1rem'}
               mr={1}
-              borderRadius={'2.8px'}
+              borderRadius={'xs'}
               display={'inline-flex'}
               verticalAlign={'middle'}
               mb={'3px'}

packages/web/i18n/en/common.json

@@ -1,23 +1,19 @@
 {
-  "add_new": "Add new",
   "App": "App",
   "all_apps": "All Apps",
   "click_to_resume": "Resume",
   "code_editor": "Code edit",
   "Export": "Export",
-  "field_name": "Name",
   "Folder": "Folder",
-  "is_open": "Opened",
   "Login": "Login",
   "Move": "Move",
   "Name": "Name",
-  "new_create": "Create New",
-  "no_data": "No data",
   "Rename": "Rename",
   "Resume": "Resume",
   "Running": "Running",
   "UnKnow": "Unknown",
   "Warning": "Warning",
+  "add_new": "Add new",
   "common": {
     "Action": "Action",
     "Add": "Add",
@@ -294,7 +290,7 @@
       },
       "tip": {
         "Add a intro to app": "Come and give the app an introduction~",
-        "chatNodeSystemPromptTip": "Model fixed guide words, by adjusting this content, you can guide the model's chat direction. This content will be fixed at the beginning of the context. Variables can be used, for example, {{language}}\nIf a knowledge base is associated, you can also guide the model when to call the knowledge base search by appropriately describing it. For example:\nYou are the assistant for the movie 'Interstellar', when the user asks about content related to 'Interstellar', please search the knowledge base and combine the search results for answers.",
+        "chatNodeSystemPromptTip": "The model has a fixed guide word. By adjusting this content, you can guide the model in the chat direction. \nThe content will be anchored at the beginning of the context. \nVariables can be selected via input/insert\n\nIf a knowledge base is associated, you can also use appropriate descriptions to guide the model when to call the knowledge base search. \nFor example:\n\nYou are an assistant in the movie \"Interstellar\". When users ask about content related to \"Interstellar\", please search the knowledge base and answer based on the search results.",
         "variableTip": "You can ask the user to fill in some content as specific variables for this round of conversation before the conversation starts. This module is located after the opening guide.\nVariables can be injected into other module string type inputs through the form of {{variable key}}, such as: prompt words, limiting words, etc.",
         "welcomeTextTip": "Send an initial content before each conversation starts. Supports standard Markdown syntax, additional tags available:\n[Shortcut key]: User can click to send the question directly"
       },
@@ -902,7 +898,9 @@
       "overSize": "Team members exceed the limit"
     }
   },
+  "field_name": "Name",
   "invalid_variable": "Invalid variable",
+  "is_open": "Opened",
   "navbar": {
     "Account": "Account",
     "Chat": "Chat",
@@ -910,6 +908,8 @@
     "Studio": "Studio",
     "Tools": "Tools"
   },
+  "new_create": "Create New",
+  "no_data": "No data",
   "permission": {
     "Collaborator": "collaborator",
     "Default permission": "Default permission",
@@ -1148,6 +1148,7 @@
     "Quote Content Tip": "You can customize the structure of the quote content to better adapt to different scenarios. You can use some variables for template configuration:\n{{q}} - search content, {{a}} - expected content, {{source}} - source, {{sourceId}} - source file name, {{index}} - the nth quote, they are all optional, here are the default values:\n{{default}}",
     "Quote Prompt Tip": "You can use {{quote}} to insert the quote content template, and use {{question}} to insert the question. Here are the default values:\n{{default}}"
   },
+  "textarea_variable_picker_tip": "Input / to select variables",
   "unusable_variable": "no usable variable",
   "user": {
     "Account": "Account",

packages/web/i18n/en/workflow.json

@@ -28,5 +28,5 @@
     "Error": "Error"
   },
   "tool_input": "Tool",
-  "variable_picker_tips": "tips: enter node name or variable name to search"
+  "variable_picker_tips": "enter node name or variable name to search"
 }

packages/web/i18n/zh/common.json

@@ -1,23 +1,19 @@
 {
-  "add_new": "新增",
   "App": "应用",
   "all_apps": "全部应用",
   "click_to_resume": "点击恢复",
   "code_editor": "代码编辑",
   "Export": "导出",
-  "field_name": "字段名",
   "Folder": "文件夹",
-  "is_open": "是否开启",
   "Login": "登录",
   "Move": "移动",
   "Name": "名称",
-  "new_create": "新建",
-  "no_data": "暂无数据",
   "Rename": "重命名",
   "Resume": "恢复",
   "Running": "运行中",
   "UnKnow": "未知",
   "Warning": "提示",
+  "add_new": "新增",
   "common": {
     "Action": "操作",
     "Add": "添加",
@@ -294,7 +290,7 @@
       },
       "tip": {
         "Add a intro to app": "快来给应用一个介绍~",
-        "chatNodeSystemPromptTip": "模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。可使用变量，例如 {{language}}\n如果关联了知识库，你还可以通过适当的描述，来引导模型何时去调用知识库搜索。例如：\n你是电影《星际穿越》的助手，当用户询问与《星际穿越》相关的内容时，请搜索知识库并结合搜索结果进行回答。",
+        "chatNodeSystemPromptTip": "模型固定的引导词，通过调整该内容，可以引导模型聊天方向。该内容会被固定在上下文的开头。可通过输入 / 插入选择变量\n如果关联了知识库，你还可以通过适当的描述，来引导模型何时去调用知识库搜索。例如：\n你是电影《星际穿越》的助手，当用户询问与《星际穿越》相关的内容时，请搜索知识库并结合搜索结果进行回答。",
         "variableTip": "可以在对话开始前，要求用户填写一些内容作为本轮对话的特定变量。该模块位于开场引导之后。\n变量可以通过 {{变量key}} 的形式注入到其他模块 string 类型的输入中，例如：提示词、限定词等",
         "welcomeTextTip": "每次对话开始前，发送一个初始内容。支持标准 Markdown 语法，可使用的额外标记：\n[快捷按键]：用户点击后可以直接发送该问题"
       },
@@ -902,7 +898,9 @@
       "overSize": "团队成员超出上限"
     }
   },
+  "field_name": "字段名",
   "invalid_variable": "无效变量",
+  "is_open": "是否开启",
   "navbar": {
     "Account": "账号",
     "Chat": "聊天",
@@ -910,6 +908,8 @@
     "Studio": "工作台",
     "Tools": "工具"
   },
+  "new_create": "新建",
+  "no_data": "暂无数据",
   "permission": {
     "Collaborator": "协作者",
     "Default permission": "默认权限",
@@ -1148,6 +1148,7 @@
     "Quote Content Tip": "可以自定义引用内容的结构，以更好的适配不同场景。可以使用一些变量来进行模板配置：\n{{q}} - 检索内容，{{a}} - 预期内容，{{source}} - 来源，{{sourceId}} - 来源文件名，{{index}} - 第 n 个引用，他们都是可选的，下面是默认值：\n{{default}}",
     "Quote Prompt Tip": "可以用 {{quote}} 来插入引用内容模板，使用 {{question}} 来插入问题。下面是默认值：\n{{default}}"
   },
+  "textarea_variable_picker_tip": "输入 / 可选择变量",
   "unusable_variable": "无可用变量",
   "user": {
     "Account": "账号",

packages/web/i18n/zh/workflow.json

@@ -28,5 +28,5 @@
     "Error": "错误信息"
   },
   "tool_input": "工具参数",
-  "variable_picker_tips": "tips: 可输入节点名或变量名搜索"
+  "variable_picker_tips": "可输入节点名或变量名搜索"
 }